#576C65#576C65
#576C65 لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.137؛ OKLCH L 51.2% C 0.027 H 172.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #576C65 |
|---|---|
| RGB | rgb(87, 108, 101) |
| HSL | hsl(160, 11%, 38%) |
| HSV | hsv(160, 19%, 42%) |
| CMYK | cmyk(19.4%, 0%, 6.5%, 57.6%) |
| CIE-LAB | lab(43.79, -9.39, 1.33) |
| CIE-LCH | lch(43.79, 9.48, 171.96°) |
| OKLab | oklab(51.19% -0.0272 0.0034) |
| OKLCH | oklch(51.19% 0.027 172.9) |
| XYZ | xyz(11.6414, 13.6906, 14.3386) |
| Luminance | 0.1369 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Gunmetal (survey)
#536267
ΔE00 8.09
Slate Grey
#59656D
ΔE00 10.05
Dimgray
#696969
ΔE00 10.74
Slate
#516572
ΔE00 11.20
Flint
#6F7A80
ΔE00 11.22
Dark Green Blue
#1F6357
ΔE00 11.46
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#576C65 #6C575E
analogous
#576C5A #576C65 #57686C
triadic
#576C65 #65576C #6C6557
tetradic
#576C65 #5A576C #6C575E #686C57
square
#576C65 #5A576C #6C575E #686C57
split-complementary
#576C65 #6C5768 #6C5A57
monochromatic
#202826 #3C4A45 #576C65 #728E85 #94A9A2
إمكانية الوصول والتباين
On white
5.62
#576C65 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.74
#576C65 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #576C65
5.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##576C65 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##576C65 | 1.00 | 5.62 | 3.74 | 5.62 |
| #FFFFFF | 5.62 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.74 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.62 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6B6965
Deuteranopia (green-blind)
#676665
Tritanopia (blue-blind)
#526C6A
Achromatopsia (no color)
#676767
وسوم التصميم والكود
CSS
--color: #576c65; /* rgb */ color: rgb(87, 108, 101); /* oklch */ color: oklch(51.2% 0.027 172.9);
Tailwind
colors: {
custom: {
50: '#869690',
500: '#576c65',
950: '#000000',
},
}SCSS
$custom: #576c65; $custom-light: #869690; $custom-dark: #000000;
JSON
{
"hex": "#576c65",
"rgb": {
"r": 87,
"g": 108,
"b": 101
},
"hsl": {
"h": 160,
"s": 10.769,
"l": 38.235
},
"oklch": {
"l": 0.51192,
"c": 0.02739,
"h": 172.9
},
"luminance": 0.13691
}Semantic roles & 50–950 ramp
primary
#576C65
secondary
#98878D
accent
#7489B4
background
#F8F9F8
surface
#EFF1F0
border
#CACBCB
text
#0B0D0C
muted
#7C7E7D