#592A62#592A62
#592A62 لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.047؛ OKLCH L 37.3% C 0.106 H 321.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.87:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #592A62 |
|---|---|
| RGB | rgb(89, 42, 98) |
| HSL | hsl(290, 40%, 27%) |
| HSV | hsv(290, 57%, 38%) |
| CMYK | cmyk(9.2%, 57.1%, 0%, 61.6%) |
| CIE-LAB | lab(25.75, 31.14, -24.11) |
| CIE-LCH | lch(25.75, 39.38, 322.25°) |
| OKLab | oklab(37.3% 0.0825 -0.0669) |
| OKLCH | oklch(37.3% 0.106 321) |
| XYZ | xyz(7.1521, 4.6619, 12.0760) |
| Luminance | 0.0466 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Grape Purple
#5D1451
ΔE00 5.86
Grape
#6C3461
ΔE00 5.96
Darkish Purple
#751973
ΔE00 6.80
Plum Purple
#4E0550
ΔE00 7.11
Deep Violet
#490648
ΔE00 7.75
Rich Purple
#720058
ΔE00 8.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#592A62 #33622A
analogous
#3D2A62 #592A62 #622A4F
triadic
#592A62 #62592A #2A6259
tetradic
#592A62 #623D2A #33622A #2A4F62
square
#592A62 #623D2A #33622A #2A4F62
split-complementary
#592A62 #4F622A #2A623D
monochromatic
#130915 #321837 #592A62 #803C8D #A552B5
إمكانية الوصول والتباين
On white
10.87
#592A62 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.93
#592A62 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #592A62
10.87:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##592A62 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##592A62 | 1.00 | 10.87 | 1.93 | 10.87 |
| #FFFFFF | 10.87 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.93 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.87 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#203A64
Deuteranopia (green-blind)
#2F3F60
Tritanopia (blue-blind)
#5A3241
Achromatopsia (no color)
#3D3D3D
وسوم التصميم والكود
CSS
--color: #592a62; /* rgb */ color: rgb(89, 42, 98); /* oklch */ color: oklch(37.3% 0.106 321.0);
Tailwind
colors: {
custom: {
50: '#8a668f',
500: '#592a62',
950: '#000000',
},
}SCSS
$custom: #592a62; $custom-light: #8a668f; $custom-dark: #000000;
JSON
{
"hex": "#592a62",
"rgb": {
"r": 89,
"g": 42,
"b": 98
},
"hsl": {
"h": 290.357,
"s": 40,
"l": 27.451
},
"oklch": {
"l": 0.37296,
"c": 0.10618,
"h": 321
},
"luminance": 0.04662
}Semantic roles & 50–950 ramp
primary
#592A62
secondary
#5E9453
accent
#D0586B
background
#F8F6F8
surface
#F0EBF0
border
#CBC6CB
text
#0C060C
muted
#7D7A7D