#426641#426641
#426641 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.110؛ OKLCH L 47.2% C 0.072 H 143.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.54:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #426641 |
|---|---|
| RGB | rgb(66, 102, 65) |
| HSL | hsl(118, 22%, 33%) |
| HSV | hsv(118, 36%, 40%) |
| CMYK | cmyk(35.3%, 0%, 36.3%, 60%) |
| CIE-LAB | lab(39.65, -21.20, 16.94) |
| CIE-LCH | lch(39.65, 27.14, 141.36°) |
| OKLab | oklab(47.23% -0.0578 0.0424) |
| OKLCH | oklch(47.23% 0.072 143.7) |
| XYZ | xyz(7.9519, 11.0423, 6.7124) |
| Luminance | 0.1104 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Hunter Green
#355E3B
ΔE00 3.27
Pine
#2B5D34
ΔE00 4.69
Forest Green
#2D5A27
ΔE00 6.22
Spruce
#0A5F38
ΔE00 7.29
Darkolivegreen
#556B2F
ΔE00 7.92
Camo Green
#526525
ΔE00 8.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#426641 #654166
analogous
#546641 #426641 #416652
triadic
#426641 #414266 #664142
tetradic
#426641 #415466 #654166 #665241
square
#426641 #415466 #654166 #665241
split-complementary
#426641 #524166 #664154
monochromatic
#121B11 #2A4129 #426641 #5A8B59 #7AA978
إمكانية الوصول والتباين
On white
6.54
#426641 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.21
#426641 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #426641
6.54:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##426641 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##426641 | 1.00 | 6.54 | 3.21 | 6.54 |
| #FFFFFF | 6.54 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.21 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.54 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#68603F
Deuteranopia (green-blind)
#625C43
Tritanopia (blue-blind)
#3E645C
Achromatopsia (no color)
#5D5D5D
وسوم التصميم والكود
CSS
--color: #426641; /* rgb */ color: rgb(66, 102, 65); /* oklch */ color: oklch(47.2% 0.072 143.7);
Tailwind
colors: {
custom: {
50: '#789276',
500: '#426641',
950: '#000000',
},
}SCSS
$custom: #426641; $custom-light: #789276; $custom-dark: #000000;
JSON
{
"hex": "#426641",
"rgb": {
"r": 66,
"g": 102,
"b": 65
},
"hsl": {
"h": 118.378,
"s": 22.156,
"l": 32.745
},
"oklch": {
"l": 0.47234,
"c": 0.07168,
"h": 143.7
},
"luminance": 0.11043
}Semantic roles & 50–950 ramp
primary
#426641
secondary
#946E95
accent
#69BFBC
background
#F7F8F7
surface
#EDF0ED
border
#C8CBC8
text
#090D08
muted
#7B7D7B