#596187#596187
#596187 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.124؛ OKLCH L 50.1% C 0.061 H 274.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.03:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #596187 |
|---|---|
| RGB | rgb(89, 97, 135) |
| HSL | hsl(230, 21%, 44%) |
| HSV | hsv(230, 34%, 53%) |
| CMYK | cmyk(34.1%, 28.1%, 0%, 47.1%) |
| CIE-LAB | lab(41.88, 6.58, -22.09) |
| CIE-LCH | lch(41.88, 23.05, 286.60°) |
| OKLab | oklab(50.13% 0.0052 -0.0613) |
| OKLCH | oklch(50.13% 0.062 274.8) |
| XYZ | xyz(12.7665, 12.4221, 24.6420) |
| Luminance | 0.1242 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dusk
#4E5481
ΔE00 4.73
Dusky Blue
#475F94
ΔE00 5.83
Twilight
#4E518B
ΔE00 6.52
Denim Blue
#3B5B92
ΔE00 7.81
Denim (survey)
#3B638C
ΔE00 9.18
French Blue
#436BAD
ΔE00 10.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#596187 #877F59
analogous
#597887 #596187 #685987
triadic
#596187 #875961 #618759
tetradic
#596187 #875978 #877F59 #598768
square
#596187 #875978 #877F59 #598768
split-complementary
#596187 #876859 #788759
monochromatic
#282C3D #414662 #596187 #7880A6 #9CA2BE
إمكانية الوصول والتباين
On white
6.03
#596187 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.48
#596187 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #596187
6.03:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##596187 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##596187 | 1.00 | 6.03 | 3.48 | 6.03 |
| #FFFFFF | 6.03 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.48 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.03 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#556589
Deuteranopia (green-blind)
#526186
Tritanopia (blue-blind)
#4C686E
Achromatopsia (no color)
#636363
وسوم التصميم والكود
CSS
--color: #596187; /* rgb */ color: rgb(89, 97, 135); /* oklch */ color: oklch(50.1% 0.061 274.8);
Tailwind
colors: {
custom: {
50: '#898daa',
500: '#596187',
950: '#000000',
},
}SCSS
$custom: #596187; $custom-light: #898daa; $custom-dark: #000000;
JSON
{
"hex": "#596187",
"rgb": {
"r": 89,
"g": 97,
"b": 135
},
"hsl": {
"h": 229.565,
"s": 20.536,
"l": 43.922
},
"oklch": {
"l": 0.50133,
"c": 0.0615,
"h": 274.8
},
"luminance": 0.12423
}Semantic roles & 50–950 ramp
primary
#596187
secondary
#ACA790
accent
#AF6BBD
background
#F8F8FA
surface
#F0F0F4
border
#CBCBCE
text
#0C0C10
muted
#7D7D7F