#565A47#565A47
#565A47 لون متوسط وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.097؛ OKLCH L 45.8% C 0.030 H 117.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.12:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #565A47 |
|---|---|
| RGB | rgb(86, 90, 71) |
| HSL | hsl(73, 12%, 32%) |
| HSV | hsv(73, 21%, 35%) |
| CMYK | cmyk(4.4%, 0%, 21.1%, 64.7%) |
| CIE-LAB | lab(37.38, -5.36, 10.47) |
| CIE-LCH | lch(37.38, 11.76, 117.09°) |
| OKLab | oklab(45.83% -0.0138 0.0268) |
| OKLCH | oklch(45.83% 0.03 117.3) |
| XYZ | xyz(8.6311, 9.7457, 7.3864) |
| Luminance | 0.0975 (WCAG relative) |
| Temperature | neutral |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Dimgray
#696969
ΔE00 11.94
Hunter Green
#355E3B
ΔE00 12.41
Camo Green
#526525
ΔE00 12.70
Greyish Brown
#7A6A4F
ΔE00 12.71
Darkolivegreen
#556B2F
ΔE00 12.82
Gunmetal (survey)
#536267
ΔE00 13.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#565A47 #4B475A
analogous
#5A5547 #565A47 #4D5A47
triadic
#565A47 #47565A #5A4756
tetradic
#565A47 #475A55 #4B475A #5A474D
square
#565A47 #475A55 #4B475A #5A474D
split-complementary
#565A47 #474D5A #55475A
monochromatic
#151611 #35382C #565A47 #777C62 #959B80
إمكانية الوصول والتباين
On white
7.12
#565A47 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.95
#565A47 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #565A47
7.12:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##565A47 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##565A47 | 1.00 | 7.12 | 2.95 | 7.12 |
| #FFFFFF | 7.12 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.95 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.12 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5D5846
Deuteranopia (green-blind)
#5C5848
Tritanopia (blue-blind)
#585855
Achromatopsia (no color)
#585858
وسوم التصميم والكود
CSS
--color: #565a47; /* rgb */ color: rgb(86, 90, 71); /* oklch */ color: oklch(45.8% 0.030 117.3);
Tailwind
colors: {
custom: {
50: '#85887a',
500: '#565a47',
950: '#000000',
},
}SCSS
$custom: #565a47; $custom-light: #85887a; $custom-dark: #000000;
JSON
{
"hex": "#565a47",
"rgb": {
"r": 86,
"g": 90,
"b": 71
},
"hsl": {
"h": 72.632,
"s": 11.801,
"l": 31.569
},
"oklch": {
"l": 0.45827,
"c": 0.03014,
"h": 117.3
},
"luminance": 0.09746
}Semantic roles & 50–950 ramp
primary
#565A47
secondary
#787489
accent
#73B581
background
#F8F8F7
surface
#EFEFED
border
#CACAC8
text
#0B0B09
muted
#7C7C7B