#667240#667240
#667240 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.152؛ OKLCH L 52.9% C 0.073 H 120.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.19:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #667240 |
|---|---|
| RGB | rgb(102, 114, 64) |
| HSL | hsl(74, 28%, 35%) |
| HSV | hsv(74, 44%, 45%) |
| CMYK | cmyk(10.5%, 0%, 43.9%, 55.3%) |
| CIE-LAB | lab(45.95, -13.27, 26.17) |
| CIE-LCH | lch(45.95, 29.35, 116.89°) |
| OKLab | oklab(52.94% -0.0367 0.0636) |
| OKLCH | oklch(52.94% 0.073 120) |
| XYZ | xyz(12.4222, 15.2296, 7.1347) |
| Luminance | 0.1523 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Muddy Green
#657432
ΔE00 3.42
Military Green
#667C3E
ΔE00 4.47
Darkolivegreen
#556B2F
ΔE00 4.75
Olive Drab
#6F7632
ΔE00 4.78
Camo Green
#526525
ΔE00 6.44
Dirty Green
#667E2C
ΔE00 7.08
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#667240 #4C4072
analogous
#726540 #667240 #4D7240
triadic
#667240 #406672 #724066
tetradic
#667240 #407265 #4C4072 #72404D
square
#667240 #407265 #4C4072 #72404D
split-complementary
#667240 #404D72 #654072
monochromatic
#202414 #434B2A #667240 #899956 #A6B479
إمكانية الوصول والتباين
On white
5.19
#667240 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.05
#667240 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #667240
5.19:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##667240 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##667240 | 1.00 | 5.19 | 4.05 | 5.19 |
| #FFFFFF | 5.19 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.05 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.19 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#786D3C
Deuteranopia (green-blind)
#766D43
Tritanopia (blue-blind)
#6A6D66
Achromatopsia (no color)
#6D6D6D
وسوم التصميم والكود
CSS
--color: #667240; /* rgb */ color: rgb(102, 114, 64); /* oklch */ color: oklch(52.9% 0.073 120.0);
Tailwind
colors: {
custom: {
50: '#929a76',
500: '#667240',
950: '#000000',
},
}SCSS
$custom: #667240; $custom-light: #929a76; $custom-dark: #000000;
JSON
{
"hex": "#667240",
"rgb": {
"r": 102,
"g": 114,
"b": 64
},
"hsl": {
"h": 74.4,
"s": 28.09,
"l": 34.902
},
"oklch": {
"l": 0.52938,
"c": 0.07347,
"h": 120
},
"luminance": 0.1523
}Semantic roles & 50–950 ramp
primary
#667240
secondary
#7B6F9F
accent
#63C47B
background
#F9F9F7
surface
#F1F2ED
border
#CBCCC8
text
#0D0E08
muted
#7E7E7B