#587182#587182
#587182 لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.155؛ OKLCH L 53.5% C 0.040 H 238.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.12:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #587182 |
|---|---|
| RGB | rgb(88, 113, 130) |
| HSL | hsl(204, 19%, 43%) |
| HSV | hsv(204, 32%, 51%) |
| CMYK | cmyk(32.3%, 13.1%, 0%, 49%) |
| CIE-LAB | lab(46.31, -4.77, -12.32) |
| CIE-LCH | lch(46.31, 13.21, 248.84°) |
| OKLab | oklab(53.52% -0.0209 -0.0338) |
| OKLCH | oklch(53.52% 0.04 238.2) |
| XYZ | xyz(13.9577, 15.4960, 23.3704) |
| Luminance | 0.1550 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Metallic Blue
#4F738E
ΔE00 3.71
Slate
#516572
ΔE00 4.67
Grey Blue
#647D8E
ΔE00 4.74
Cadet Blue
#4E7496
ΔE00 5.83
Battleship Grey
#6B7C85
ΔE00 5.91
Slate Blue (survey)
#5B7C99
ΔE00 5.98
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#587182 #826958
analogous
#58827E #587182 #585C82
triadic
#587182 #825871 #718258
tetradic
#587182 #7E5882 #826958 #5C8258
square
#587182 #7E5882 #826958 #5C8258
split-complementary
#587182 #82585C #827E58
monochromatic
#273239 #3F515E #587182 #7590A2 #9AADBB
إمكانية الوصول والتباين
On white
5.12
#587182 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.10
#587182 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #587182
5.12:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##587182 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##587182 | 1.00 | 5.12 | 4.10 | 5.12 |
| #FFFFFF | 5.12 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.10 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.12 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6A7083
Deuteranopia (green-blind)
#646C82
Tritanopia (blue-blind)
#4B7576
Achromatopsia (no color)
#6E6E6E
وسوم التصميم والكود
CSS
--color: #587182; /* rgb */ color: rgb(88, 113, 130); /* oklch */ color: oklch(53.5% 0.040 238.2);
Tailwind
colors: {
custom: {
50: '#8899a6',
500: '#587182',
950: '#000000',
},
}SCSS
$custom: #587182; $custom-light: #8899a6; $custom-dark: #000000;
JSON
{
"hex": "#587182",
"rgb": {
"r": 88,
"g": 113,
"b": 130
},
"hsl": {
"h": 204.286,
"s": 19.266,
"l": 42.745
},
"oklch": {
"l": 0.53517,
"c": 0.03972,
"h": 238.2
},
"luminance": 0.15497
}Semantic roles & 50–950 ramp
primary
#587182
secondary
#A8988D
accent
#8C6CBC
background
#F8F9FA
surface
#F0F2F4
border
#CBCCCE
text
#0B0E0F
muted
#7C7E7F