#59614F#59614F
#59614F لون متوسط وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.112؛ OKLCH L 48.0% C 0.030 H 127.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.47:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #59614F |
|---|---|
| RGB | rgb(89, 97, 79) |
| HSL | hsl(87, 10%, 35%) |
| HSV | hsv(87, 19%, 38%) |
| CMYK | cmyk(8.2%, 0%, 18.6%, 62%) |
| CIE-LAB | lab(39.98, -6.78, 9.24) |
| CIE-LCH | lch(39.98, 11.46, 126.28°) |
| OKLab | oklab(48.01% -0.0179 0.0238) |
| OKLCH | oklch(48.01% 0.03 127) |
| XYZ | xyz(9.8056, 11.2377, 9.0481) |
| Luminance | 0.1124 (WCAG relative) |
| Temperature | neutral |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Dimgray
#696969
ΔE00 11.23
Hunter Green
#355E3B
ΔE00 11.61
Gunmetal (survey)
#536267
ΔE00 11.99
Darkolivegreen
#556B2F
ΔE00 12.27
Camo Green
#526525
ΔE00 12.70
Greyish Brown
#7A6A4F
ΔE00 13.29
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#59614F #574F61
analogous
#61604F #59614F #50614F
triadic
#59614F #4F5961 #614F59
tetradic
#59614F #4F6160 #574F61 #614F50
square
#59614F #4F6160 #574F61 #614F50
split-complementary
#59614F #4F5061 #604F61
monochromatic
#1B1E18 #3A3F34 #59614F #78836A #96A08A
إمكانية الوصول والتباين
On white
6.47
#59614F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.25
#59614F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #59614F
6.47:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##59614F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##59614F | 1.00 | 6.47 | 3.25 | 6.47 |
| #FFFFFF | 6.47 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.47 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#635F4E
Deuteranopia (green-blind)
#625E50
Tritanopia (blue-blind)
#5A5F5C
Achromatopsia (no color)
#5E5E5E
وسوم التصميم والكود
CSS
--color: #59614f; /* rgb */ color: rgb(89, 97, 79); /* oklch */ color: oklch(48.0% 0.030 127.0);
Tailwind
colors: {
custom: {
50: '#888d80',
500: '#59614f',
950: '#000000',
},
}SCSS
$custom: #59614f; $custom-light: #888d80; $custom-dark: #000000;
JSON
{
"hex": "#59614f",
"rgb": {
"r": 89,
"g": 97,
"b": 79
},
"hsl": {
"h": 86.667,
"s": 10.227,
"l": 34.51
},
"oklch": {
"l": 0.48012,
"c": 0.02977,
"h": 127
},
"luminance": 0.11238
}Semantic roles & 50–950 ramp
primary
#59614F
secondary
#857D8F
accent
#75B390
background
#F8F8F7
surface
#EFF0EE
border
#CACBC9
text
#0B0C0A
muted
#7C7D7C