#166D37#166D37
#166D37 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.114؛ OKLCH L 47.2% C 0.117 H 151.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.41:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #166D37 |
|---|---|
| RGB | rgb(22, 109, 55) |
| HSL | hsl(143, 66%, 26%) |
| HSV | hsv(143, 80%, 43%) |
| CMYK | cmyk(79.8%, 0%, 49.5%, 57.3%) |
| CIE-LAB | lab(40.22, -37.97, 23.14) |
| CIE-LCH | lch(40.22, 44.46, 148.65°) |
| OKLab | oklab(47.18% -0.1021 0.0566) |
| OKLCH | oklch(47.18% 0.117 151) |
| XYZ | xyz(6.4885, 11.3829, 5.4688) |
| Luminance | 0.1138 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Spruce
#0A5F38
ΔE00 5.61
Darkish Green
#287C37
ΔE00 5.93
Pine
#2B5D34
ΔE00 6.22
Jungle Green
#048243
ΔE00 7.23
Forest Green
#2D5A27
ΔE00 7.29
Hunter Green
#355E3B
ΔE00 7.42
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#166D37 #6D164C
analogous
#206D16 #166D37 #166D62
triadic
#166D37 #37166D #6D3716
tetradic
#166D37 #16206D #6D164C #6D6216
square
#166D37 #16206D #6D164C #6D6216
split-complementary
#166D37 #62166D #6D1620
monochromatic
#05190D #0C3A1D #166D37 #20A051 #2BD36A
إمكانية الوصول والتباين
On white
6.41
#166D37 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.28
#166D37 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #166D37
6.41:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##166D37 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##166D37 | 1.00 | 6.41 | 3.28 | 6.41 |
| #FFFFFF | 6.41 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.28 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.41 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6D6333
Deuteranopia (green-blind)
#635C3B
Tritanopia (blue-blind)
#006B60
Achromatopsia (no color)
#5F5F5F
وسوم التصميم والكود
CSS
--color: #166d37; /* rgb */ color: rgb(22, 109, 55); /* oklch */ color: oklch(47.2% 0.117 151.0);
Tailwind
colors: {
custom: {
50: '#63986f',
500: '#166d37',
950: '#000000',
},
}SCSS
$custom: #166d37; $custom-light: #63986f; $custom-dark: #000000;
JSON
{
"hex": "#166d37",
"rgb": {
"r": 22,
"g": 109,
"b": 55
},
"hsl": {
"h": 142.759,
"s": 66.412,
"l": 25.686
},
"oklch": {
"l": 0.47184,
"c": 0.1167,
"h": 151
},
"luminance": 0.11384
}Semantic roles & 50–950 ramp
primary
#166D37
secondary
#A33C7C
accent
#3EA9E9
background
#F6F9F6
surface
#EBF2EC
border
#C6CCC7
text
#060E07
muted
#7A7E7A