#588272#588272
#588272 لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.193؛ OKLCH L 57.1% C 0.053 H 168.7°. أفضل لون لنص المتن هو #000000 بتباين 4.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #588272 |
|---|---|
| RGB | rgb(88, 130, 114) |
| HSL | hsl(157, 19%, 43%) |
| HSV | hsv(157, 32%, 51%) |
| CMYK | cmyk(32.3%, 0%, 12.3%, 49%) |
| CIE-LAB | lab(50.98, -18.26, 4.04) |
| CIE-LCH | lch(50.98, 18.70, 167.52°) |
| OKLab | oklab(57.08% -0.0519 0.0104) |
| OKLCH | oklch(57.08% 0.053 168.7) |
| XYZ | xyz(15.0434, 19.2541, 18.8401) |
| Luminance | 0.1925 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dusty Teal
#4C9085
ΔE00 6.54
Slate Green
#658D6D
ΔE00 6.78
Grey Teal
#5E9B8A
ΔE00 8.81
Dark Sage
#598556
ΔE00 9.81
Dull Teal
#5F9E8F
ΔE00 9.85
Greenish Blue
#0B8B87
ΔE00 9.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#588272 #825868
analogous
#58825D #588272 #587D82
triadic
#588272 #725882 #827258
tetradic
#588272 #5D5882 #825868 #7D8258
square
#588272 #5D5882 #825868 #7D8258
split-complementary
#588272 #82587D #825D58
monochromatic
#273932 #3F5E52 #588272 #75A291 #9ABBAE
إمكانية الوصول والتباين
On white
4.33
#588272 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.85
#588272 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #588272
4.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##588272 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##588272 | 1.00 | 4.33 | 4.85 | 4.85 |
| #FFFFFF | 4.33 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.85 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#807D71
Deuteranopia (green-blind)
#797773
Tritanopia (blue-blind)
#4E827D
Achromatopsia (no color)
#797979
وسوم التصميم والكود
CSS
--color: #588272; /* rgb */ color: rgb(88, 130, 114); /* oklch */ color: oklch(57.1% 0.053 168.7);
Tailwind
colors: {
custom: {
50: '#88a69a',
500: '#588272',
950: '#000000',
},
}SCSS
$custom: #588272; $custom-light: #88a69a; $custom-dark: #000000;
JSON
{
"hex": "#588272",
"rgb": {
"r": 88,
"g": 130,
"b": 114
},
"hsl": {
"h": 157.143,
"s": 19.266,
"l": 42.745
},
"oklch": {
"l": 0.57078,
"c": 0.05294,
"h": 168.7
},
"luminance": 0.19255
}Semantic roles & 50–950 ramp
primary
#588272
secondary
#A88D98
accent
#6C8ABC
background
#F8FAF9
surface
#F0F4F2
border
#CBCECC
text
#0B0F0E
muted
#7C7F7E