#79408A#79408A
#79408A لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.096؛ OKLCH L 47.3% C 0.130 H 318.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.21:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #79408A |
|---|---|
| RGB | rgb(121, 64, 138) |
| HSL | hsl(286, 37%, 40%) |
| HSV | hsv(286, 54%, 54%) |
| CMYK | cmyk(12.3%, 53.6%, 0%, 45.9%) |
| CIE-LAB | lab(37.05, 37.28, -31.21) |
| CIE-LCH | lch(37.05, 48.62, 320.06°) |
| OKLab | oklab(47.3% 0.0963 -0.0867) |
| OKLCH | oklch(47.3% 0.13 318) |
| XYZ | xyz(14.3054, 9.5672, 25.1329) |
| Luminance | 0.0957 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Light Eggplant
#894585
ΔE00 4.86
Warm Purple
#952E8F
ΔE00 6.28
Bruise
#7E4071
ΔE00 7.00
Rebeccapurple
#663399
ΔE00 7.16
Royal Purple
#7851A9
ΔE00 7.47
Purple (survey)
#7E1E9C
ΔE00 7.50
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#79408A #518A40
analogous
#54408A #79408A #8A4076
triadic
#79408A #8A7940 #408A79
tetradic
#79408A #8A5440 #518A40 #40768A
square
#79408A #8A5440 #518A40 #40768A
split-complementary
#79408A #768A40 #408A54
monochromatic
#301936 #542D60 #79408A #9C56B1 #B580C4
إمكانية الوصول والتباين
On white
7.21
#79408A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.91
#79408A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #79408A
7.21:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##79408A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##79408A | 1.00 | 7.21 | 2.91 | 7.21 |
| #FFFFFF | 7.21 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.91 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.21 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#31538C
Deuteranopia (green-blind)
#435988
Tritanopia (blue-blind)
#794B5F
Achromatopsia (no color)
#575757
وسوم التصميم والكود
CSS
--color: #79408a; /* rgb */ color: rgb(121, 64, 138); /* oklch */ color: oklch(47.3% 0.130 318.0);
Tailwind
colors: {
custom: {
50: '#a277ac',
500: '#79408a',
950: '#000000',
},
}SCSS
$custom: #79408a; $custom-light: #a277ac; $custom-dark: #000000;
JSON
{
"hex": "#79408a",
"rgb": {
"r": 121,
"g": 64,
"b": 138
},
"hsl": {
"h": 286.216,
"s": 36.634,
"l": 39.608
},
"oklch": {
"l": 0.47295,
"c": 0.12961,
"h": 318
},
"luminance": 0.09567
}Semantic roles & 50–950 ramp
primary
#79408A
secondary
#84AF77
accent
#CD5B75
background
#FAF7FA
surface
#F4EDF4
border
#CEC8CE
text
#0F0910
muted
#7F7B7F