#647141#647141
#647141 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.149؛ OKLCH L 52.5% C 0.071 H 121.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.28:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #647141 |
|---|---|
| RGB | rgb(100, 113, 65) |
| HSL | hsl(76, 27%, 35%) |
| HSV | hsv(76, 42%, 44%) |
| CMYK | cmyk(11.5%, 0%, 42.5%, 55.7%) |
| CIE-LAB | lab(45.50, -13.45, 25.01) |
| CIE-LCH | lch(45.50, 28.40, 118.27°) |
| OKLab | oklab(52.54% -0.0371 0.0611) |
| OKLCH | oklch(52.54% 0.071 121.3) |
| XYZ | xyz(12.1148, 14.9012, 7.2380) |
| Luminance | 0.1490 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Muddy Green
#657432
ΔE00 3.98
Darkolivegreen
#556B2F
ΔE00 4.52
Military Green
#667C3E
ΔE00 4.87
Olive Drab
#6F7632
ΔE00 5.53
Camo Green
#526525
ΔE00 6.28
Dirty Green
#667E2C
ΔE00 7.62
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#647141 #4E4171
analogous
#716641 #647141 #4C7141
triadic
#647141 #416471 #714164
tetradic
#647141 #417166 #4E4171 #71414C
square
#647141 #417166 #4E4171 #71414C
split-complementary
#647141 #414C71 #664171
monochromatic
#1F2314 #424A2B #647141 #869857 #A3B27A
إمكانية الوصول والتباين
On white
5.28
#647141 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.98
#647141 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #647141
5.28:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##647141 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##647141 | 1.00 | 5.28 | 3.98 | 5.28 |
| #FFFFFF | 5.28 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.98 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.28 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#766C3D
Deuteranopia (green-blind)
#756C43
Tritanopia (blue-blind)
#686D65
Achromatopsia (no color)
#6C6C6C
وسوم التصميم والكود
CSS
--color: #647141; /* rgb */ color: rgb(100, 113, 65); /* oklch */ color: oklch(52.5% 0.071 121.3);
Tailwind
colors: {
custom: {
50: '#919976',
500: '#647141',
950: '#000000',
},
}SCSS
$custom: #647141; $custom-light: #919976; $custom-dark: #000000;
JSON
{
"hex": "#647141",
"rgb": {
"r": 100,
"g": 113,
"b": 65
},
"hsl": {
"h": 76.25,
"s": 26.966,
"l": 34.902
},
"oklch": {
"l": 0.52545,
"c": 0.07143,
"h": 121.3
},
"luminance": 0.14901
}Semantic roles & 50–950 ramp
primary
#647141
secondary
#7D709E
accent
#64C37E
background
#F8F9F7
surface
#F0F2ED
border
#CBCCC8
text
#0D0E08
muted
#7D7E7B