#59893B#59893B
#59893B لون متوسط وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.203؛ OKLCH L 57.7% C 0.121 H 134.9°. أفضل لون لنص المتن هو #000000 بتباين 5.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #59893B |
|---|---|
| RGB | rgb(89, 137, 59) |
| HSL | hsl(97, 40%, 38%) |
| HSV | hsv(97, 57%, 54%) |
| CMYK | cmyk(35%, 0%, 56.9%, 46.3%) |
| CIE-LAB | lab(52.21, -30.86, 36.24) |
| CIE-LCH | lch(52.21, 47.60, 130.42°) |
| OKLab | oklab(57.75% -0.0854 0.0856) |
| OKLCH | oklch(57.75% 0.121 134.9) |
| XYZ | xyz(13.8546, 20.3304, 7.3310) |
| Luminance | 0.2033 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Fern Green
#548D44
ΔE00 2.40
Moss Green (survey)
#658B38
ΔE00 2.74
Mossy Green
#638B27
ΔE00 4.42
Swamp
#698339
ΔE00 4.54
Sap Green
#5C8B15
ΔE00 5.50
Light Forest Green
#4F9153
ΔE00 5.67
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#59893B #6B3B89
analogous
#80893B #59893B #3B8944
triadic
#59893B #3B5989 #893B59
tetradic
#59893B #3B8089 #6B3B89 #89443B
square
#59893B #3B8089 #6B3B89 #89443B
split-complementary
#59893B #443B89 #893B80
monochromatic
#213316 #3D5E29 #59893B #75B34E #96C579
إمكانية الوصول والتباين
On white
4.15
#59893B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.07
#59893B on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #59893B
5.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##59893B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##59893B | 1.00 | 4.15 | 5.07 | 5.07 |
| #FFFFFF | 4.15 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.07 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8E7F33
Deuteranopia (green-blind)
#877B40
Tritanopia (blue-blind)
#588478
Achromatopsia (no color)
#7C7C7C
وسوم التصميم والكود
CSS
--color: #59893b; /* rgb */ color: rgb(89, 137, 59); /* oklch */ color: oklch(57.7% 0.121 134.9);
Tailwind
colors: {
custom: {
50: '#8bac73',
500: '#59893b',
950: '#000000',
},
}SCSS
$custom: #59893b; $custom-light: #8bac73; $custom-dark: #000000;
JSON
{
"hex": "#59893b",
"rgb": {
"r": 89,
"g": 137,
"b": 59
},
"hsl": {
"h": 96.923,
"s": 39.796,
"l": 38.431
},
"oklch": {
"l": 0.57748,
"c": 0.12096,
"h": 134.9
},
"luminance": 0.20331
}Semantic roles & 50–950 ramp
primary
#59893B
secondary
#9771AF
accent
#58D0A2
background
#F8FAF7
surface
#F0F4ED
border
#CBCEC8
text
#0C1008
muted
#7D7F7B