#647D44#647D44
#647D44 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.178؛ OKLCH L 55.6% C 0.087 H 128.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #647D44 |
|---|---|
| RGB | rgb(100, 125, 68) |
| HSL | hsl(86, 30%, 38%) |
| HSV | hsv(86, 46%, 49%) |
| CMYK | cmyk(20%, 0%, 45.6%, 51%) |
| CIE-LAB | lab(49.24, -19.50, 28.09) |
| CIE-LCH | lch(49.24, 34.19, 124.77°) |
| OKLab | oklab(55.57% -0.0539 0.0682) |
| OKLCH | oklch(55.57% 0.087 128.3) |
| XYZ | xyz(13.6324, 17.7937, 8.1840) |
| Luminance | 0.1779 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Military Green
#667C3E
ΔE00 1.58
Swamp
#698339
ΔE00 3.98
Muddy Green
#657432
ΔE00 4.84
Dirty Green
#667E2C
ΔE00 5.00
Khaki Green
#728639
ΔE00 5.80
Dark Sage
#598556
ΔE00 5.96
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#647D44 #5D447D
analogous
#7D7A44 #647D44 #477D44
triadic
#647D44 #44647D #7D4464
tetradic
#647D44 #447D7A #5D447D #7D4447
square
#647D44 #447D7A #5D447D #7D4447
split-complementary
#647D44 #44477D #7A447D
monochromatic
#252E19 #44552E #647D44 #84A55A #A1BA81
إمكانية الوصول والتباين
On white
4.61
#647D44 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.56
#647D44 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #647D44
4.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##647D44 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##647D44 | 1.00 | 4.61 | 4.56 | 4.61 |
| #FFFFFF | 4.61 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.56 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.61 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#82763F
Deuteranopia (green-blind)
#7E7547
Tritanopia (blue-blind)
#66786F
Achromatopsia (no color)
#757575
وسوم التصميم والكود
CSS
--color: #647d44; /* rgb */ color: rgb(100, 125, 68); /* oklch */ color: oklch(55.6% 0.087 128.3);
Tailwind
colors: {
custom: {
50: '#91a279',
500: '#647d44',
950: '#000000',
},
}SCSS
$custom: #647d44; $custom-light: #91a279; $custom-dark: #000000;
JSON
{
"hex": "#647d44",
"rgb": {
"r": 100,
"g": 125,
"b": 68
},
"hsl": {
"h": 86.316,
"s": 29.534,
"l": 37.843
},
"oklch": {
"l": 0.55567,
"c": 0.08689,
"h": 128.3
},
"luminance": 0.17794
}Semantic roles & 50–950 ramp
primary
#647D44
secondary
#8C77A6
accent
#62C68E
background
#F9FAF7
surface
#F1F3ED
border
#CBCDC8
text
#0D0F09
muted
#7E7F7B