#586B84#586B84
#586B84 لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.143؛ OKLCH L 52.2% C 0.046 H 255.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.45:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #586B84 |
|---|---|
| RGB | rgb(88, 107, 132) |
| HSL | hsl(214, 20%, 43%) |
| HSV | hsv(214, 33%, 52%) |
| CMYK | cmyk(33.3%, 18.9%, 0%, 48.2%) |
| CIE-LAB | lab(44.60, -0.67, -16.11) |
| CIE-LCH | lch(44.60, 16.13, 267.63°) |
| OKLab | oklab(52.2% -0.0115 -0.0444) |
| OKLCH | oklch(52.2% 0.046 255.4) |
| XYZ | xyz(13.4458, 14.2555, 23.8684) |
| Luminance | 0.1426 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Metallic Blue
#4F738E
ΔE00 5.46
Cadet Blue
#4E7496
ΔE00 5.57
Slate
#516572
ΔE00 6.45
Denim (survey)
#3B638C
ΔE00 6.52
Dull Blue
#49759C
ΔE00 6.77
Slate Blue (survey)
#5B7C99
ΔE00 7.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#586B84 #847158
analogous
#588184 #586B84 #5B5884
triadic
#586B84 #84586B #6B8458
tetradic
#586B84 #845881 #847158 #58845B
square
#586B84 #845881 #847158 #58845B
split-complementary
#586B84 #845B58 #818458
monochromatic
#272F3B #404D5F #586B84 #7689A3 #9AA9BC
إمكانية الوصول والتباين
On white
5.45
#586B84 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.85
#586B84 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #586B84
5.45:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##586B84 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##586B84 | 1.00 | 5.45 | 3.85 | 5.45 |
| #FFFFFF | 5.45 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.85 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.45 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#626C85
Deuteranopia (green-blind)
#5D6883
Tritanopia (blue-blind)
#4B7073
Achromatopsia (no color)
#696969
وسوم التصميم والكود
CSS
--color: #586b84; /* rgb */ color: rgb(88, 107, 132); /* oklch */ color: oklch(52.2% 0.046 255.4);
Tailwind
colors: {
custom: {
50: '#8895a7',
500: '#586b84',
950: '#000000',
},
}SCSS
$custom: #586b84; $custom-light: #8895a7; $custom-dark: #000000;
JSON
{
"hex": "#586b84",
"rgb": {
"r": 88,
"g": 107,
"b": 132
},
"hsl": {
"h": 214.091,
"s": 20,
"l": 43.137
},
"oklch": {
"l": 0.52196,
"c": 0.04584,
"h": 255.4
},
"luminance": 0.14256
}Semantic roles & 50–950 ramp
primary
#586B84
secondary
#AA9E8E
accent
#996BBD
background
#F8F9FA
surface
#F0F1F4
border
#CBCBCE
text
#0B0D0F
muted
#7C7E7F