#658B44#658B44
#658B44 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.216؛ OKLCH L 59.1% C 0.108 H 132.1°. أفضل لون لنص المتن هو #000000 بتباين 5.33:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #658B44 |
|---|---|
| RGB | rgb(101, 139, 68) |
| HSL | hsl(92, 34%, 41%) |
| HSV | hsv(92, 51%, 55%) |
| CMYK | cmyk(27.3%, 0%, 51.1%, 45.5%) |
| CIE-LAB | lab(53.65, -26.22, 33.55) |
| CIE-LCH | lch(53.65, 42.58, 128.01°) |
| OKLab | oklab(59.14% -0.0726 0.0804) |
| OKLCH | oklch(59.14% 0.108 132.1) |
| XYZ | xyz(15.6426, 21.6489, 8.8222) |
| Luminance | 0.2165 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Moss Green (survey)
#658B38
ΔE00 2.24
Fern Green
#548D44
ΔE00 3.41
Swamp
#698339
ΔE00 3.79
Drab Green
#749551
ΔE00 4.08
Mossy Green
#638B27
ΔE00 4.68
Khaki Green
#728639
ΔE00 4.81
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#658B44 #6A448B
analogous
#888B44 #658B44 #448B46
triadic
#658B44 #44658B #8B4465
tetradic
#658B44 #44888B #6A448B #8B4644
square
#658B44 #44888B #6A448B #8B4644
split-complementary
#658B44 #46448B #8B4488
monochromatic
#29391C #476230 #658B44 #83B05D #A3C486
إمكانية الوصول والتباين
On white
3.94
#658B44 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.33
#658B44 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #658B44
5.33:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##658B44 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##658B44 | 1.00 | 3.94 | 5.33 | 5.33 |
| #FFFFFF | 3.94 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.33 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.33 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#90823E
Deuteranopia (green-blind)
#8B7F48
Tritanopia (blue-blind)
#66867B
Achromatopsia (no color)
#808080
وسوم التصميم والكود
CSS
--color: #658b44; /* rgb */ color: rgb(101, 139, 68); /* oklch */ color: oklch(59.1% 0.108 132.1);
Tailwind
colors: {
custom: {
50: '#93ad7a',
500: '#658b44',
950: '#000000',
},
}SCSS
$custom: #658b44; $custom-light: #93ad7a; $custom-dark: #000000;
JSON
{
"hex": "#658b44",
"rgb": {
"r": 101,
"g": 139,
"b": 68
},
"hsl": {
"h": 92.113,
"s": 34.3,
"l": 40.588
},
"oklch": {
"l": 0.59141,
"c": 0.10831,
"h": 132.1
},
"luminance": 0.21649
}Semantic roles & 50–950 ramp
primary
#658B44
secondary
#977CAF
accent
#5DCA98
background
#F9FAF7
surface
#F1F4ED
border
#CBCEC8
text
#0D1009
muted
#7E7F7B