#7D4D8A#7D4D8A
#7D4D8A لون متوسط ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.115؛ OKLCH L 49.9% C 0.109 H 318.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7D4D8A |
|---|---|
| RGB | rgb(125, 77, 138) |
| HSL | hsl(287, 28%, 42%) |
| HSV | hsv(287, 44%, 54%) |
| CMYK | cmyk(9.4%, 44.2%, 0%, 45.9%) |
| CIE-LAB | lab(40.42, 31.16, -25.90) |
| CIE-LCH | lch(40.42, 40.52, 320.26°) |
| OKLab | oklab(49.91% 0.0818 -0.0714) |
| OKLCH | oklch(49.91% 0.109 318.9) |
| XYZ | xyz(15.6982, 11.5032, 25.4332) |
| Luminance | 0.1150 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Light Eggplant
#894585
ΔE00 3.94
Muted Purple
#805B87
ΔE00 5.31
Purplish
#94568C
ΔE00 6.28
Bruise
#7E4071
ΔE00 6.51
Dusty Purple
#825F87
ΔE00 6.91
Dull Purple
#84597E
ΔE00 6.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7D4D8A #5A8A4D
analogous
#5F4D8A #7D4D8A #8A4D79
triadic
#7D4D8A #8A7D4D #4D8A7D
tetradic
#7D4D8A #8A5F4D #5A8A4D #4D798A
square
#7D4D8A #8A5F4D #5A8A4D #4D798A
split-complementary
#7D4D8A #798A4D #4D8A5F
monochromatic
#36213B #593763 #7D4D8A #9D69AB #B790C1
إمكانية الوصول والتباين
On white
6.36
#7D4D8A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.30
#7D4D8A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #7D4D8A
6.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7D4D8A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7D4D8A | 1.00 | 6.36 | 3.30 | 6.36 |
| #FFFFFF | 6.36 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.30 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.36 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#445C8C
Deuteranopia (green-blind)
#516188
Tritanopia (blue-blind)
#7D5565
Achromatopsia (no color)
#5F5F5F
وسوم التصميم والكود
CSS
--color: #7d4d8a; /* rgb */ color: rgb(125, 77, 138); /* oklch */ color: oklch(49.9% 0.109 318.9);
Tailwind
colors: {
custom: {
50: '#a480ac',
500: '#7d4d8a',
950: '#000000',
},
}SCSS
$custom: #7d4d8a; $custom-light: #a480ac; $custom-dark: #000000;
JSON
{
"hex": "#7d4d8a",
"rgb": {
"r": 125,
"g": 77,
"b": 138
},
"hsl": {
"h": 287.213,
"s": 28.372,
"l": 42.157
},
"oklch": {
"l": 0.49905,
"c": 0.10855,
"h": 318.9
},
"luminance": 0.11503
}Semantic roles & 50–950 ramp
primary
#7D4D8A
secondary
#8EAE85
accent
#C56378
background
#FAF7FA
surface
#F4EEF4
border
#CEC9CE
text
#0F0A10
muted
#7F7C7F