#89408A#89408A
#89408A لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.108؛ OKLCH L 49.4% C 0.139 H 326.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.64:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #89408A |
|---|---|
| RGB | rgb(137, 64, 138) |
| HSL | hsl(299, 37%, 40%) |
| HSV | hsv(299, 54%, 54%) |
| CMYK | cmyk(0.7%, 53.6%, 0%, 45.9%) |
| CIE-LAB | lab(39.28, 41.99, -27.56) |
| CIE-LCH | lch(39.28, 50.23, 326.72°) |
| OKLab | oklab(49.4% 0.1164 -0.0758) |
| OKLCH | oklch(49.4% 0.139 326.9) |
| XYZ | xyz(16.7371, 10.8211, 25.2469) |
| Luminance | 0.1082 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Light Eggplant
#894585
ΔE00 2.02
Warm Purple
#952E8F
ΔE00 3.90
Medium Purple
#9E43A2
ΔE00 5.38
Bruise
#7E4071
ΔE00 5.71
Ugly Purple
#A442A0
ΔE00 5.95
Purplish
#94568C
ΔE00 6.93
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#89408A #418A40
analogous
#64408A #89408A #8A4066
triadic
#89408A #8A8940 #408A89
tetradic
#89408A #8A6440 #418A40 #40668A
square
#89408A #8A6440 #418A40 #40668A
split-complementary
#89408A #668A40 #408A64
monochromatic
#361936 #5F2D60 #89408A #B056B1 #C380C4
إمكانية الوصول والتباين
On white
6.64
#89408A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.16
#89408A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #89408A
6.64:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##89408A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##89408A | 1.00 | 6.64 | 3.16 | 6.64 |
| #FFFFFF | 6.64 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.16 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.64 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#38568C
Deuteranopia (green-blind)
#4F6088
Tritanopia (blue-blind)
#8D485F
Achromatopsia (no color)
#5C5C5C
وسوم التصميم والكود
CSS
--color: #89408a; /* rgb */ color: rgb(137, 64, 138); /* oklch */ color: oklch(49.4% 0.139 326.9);
Tailwind
colors: {
custom: {
50: '#ad78ac',
500: '#89408a',
950: '#000000',
},
}SCSS
$custom: #89408a; $custom-light: #ad78ac; $custom-dark: #000000;
JSON
{
"hex": "#89408a",
"rgb": {
"r": 137,
"g": 64,
"b": 138
},
"hsl": {
"h": 299.189,
"s": 36.634,
"l": 39.608
},
"oklch": {
"l": 0.49402,
"c": 0.13887,
"h": 326.9
},
"luminance": 0.1082
}Semantic roles & 50–950 ramp
primary
#89408A
secondary
#78AF77
accent
#CD5B5D
background
#FAF7FA
surface
#F5EDF4
border
#CFC8CE
text
#100910
muted
#7F7B7F