#588191#588191
#588191 لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.198؛ OKLCH L 57.9% C 0.052 H 224.3°. أفضل لون لنص المتن هو #000000 بتباين 4.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #588191 |
|---|---|
| RGB | rgb(88, 129, 145) |
| HSL | hsl(197, 24%, 46%) |
| HSV | hsv(197, 39%, 57%) |
| CMYK | cmyk(39.3%, 11%, 0%, 43.1%) |
| CIE-LAB | lab(51.63, -9.89, -13.12) |
| CIE-LCH | lch(51.63, 16.43, 232.99°) |
| OKLab | oklab(57.91% -0.0369 -0.0361) |
| OKLCH | oklch(57.91% 0.052 224.3) |
| XYZ | xyz(16.9838, 19.8185, 29.7130) |
| Luminance | 0.1982 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Dirty Blue
#3F829D
ΔE00 4.41
Grey Blue
#647D8E
ΔE00 4.78
Steel Grey
#6F828A
ΔE00 5.96
Greyish Blue
#5E819D
ΔE00 6.13
Battleship Grey
#6B7C85
ΔE00 6.38
Bluish Grey
#748B97
ΔE00 6.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#588191 #916858
analogous
#589184 #588191 #586491
triadic
#588191 #915881 #819158
tetradic
#588191 #845891 #916858 #649158
square
#588191 #845891 #916858 #649158
split-complementary
#588191 #915864 #918458
monochromatic
#2A3D45 #415F6B #588191 #799FAD #9FBAC5
إمكانية الوصول والتباين
On white
4.23
#588191 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.96
#588191 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #588191
4.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##588191 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##588191 | 1.00 | 4.23 | 4.96 | 4.96 |
| #FFFFFF | 4.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.96 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.96 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#787F92
Deuteranopia (green-blind)
#6F7891
Tritanopia (blue-blind)
#428686
Achromatopsia (no color)
#7B7B7B
وسوم التصميم والكود
CSS
--color: #588191; /* rgb */ color: rgb(88, 129, 145); /* oklch */ color: oklch(57.9% 0.052 224.3);
Tailwind
colors: {
custom: {
50: '#8aa5b1',
500: '#588191',
950: '#000000',
},
}SCSS
$custom: #588191; $custom-light: #8aa5b1; $custom-dark: #000000;
JSON
{
"hex": "#588191",
"rgb": {
"r": 88,
"g": 129,
"b": 145
},
"hsl": {
"h": 196.842,
"s": 24.464,
"l": 45.686
},
"oklch": {
"l": 0.57911,
"c": 0.05159,
"h": 224.3
},
"luminance": 0.1982
}Semantic roles & 50–950 ramp
primary
#588191
secondary
#B29B93
accent
#8067C1
background
#F8FAFA
surface
#F0F4F5
border
#CBCECF
text
#0C0F10
muted
#7D7F7F