#408945#408945
#408945 لون متوسط وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.194؛ OKLCH L 56.6% C 0.125 H 145.0°. أفضل لون لنص المتن هو #000000 بتباين 4.88:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #408945 |
|---|---|
| RGB | rgb(64, 137, 69) |
| HSL | hsl(124, 36%, 39%) |
| HSV | hsv(124, 53%, 54%) |
| CMYK | cmyk(53.3%, 0%, 49.6%, 46.3%) |
| CIE-LAB | lab(51.16, -37.74, 29.54) |
| CIE-LCH | lch(51.16, 47.92, 141.95°) |
| OKLab | oklab(56.62% -0.1024 0.0717) |
| OKLCH | oklch(56.62% 0.125 145) |
| XYZ | xyz(12.1335, 19.4100, 8.7362) |
| Luminance | 0.1941 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Fern Green
#548D44
ΔE00 3.50
Light Forest Green
#4F9153
ΔE00 3.65
Sea Green
#2E8B57
ΔE00 4.77
Jungle Green
#048243
ΔE00 5.33
Darkish Green
#287C37
ΔE00 5.39
Kelley Green
#009337
ΔE00 5.47
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#408945 #894084
analogous
#608940 #408945 #40896A
triadic
#408945 #454089 #894540
tetradic
#408945 #406089 #894084 #896A40
square
#408945 #406089 #894084 #896A40
split-complementary
#408945 #6A4089 #894060
monochromatic
#19361B #2D5F30 #408945 #56B05C #80C484
إمكانية الوصول والتباين
On white
4.30
#408945 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.88
#408945 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #408945
4.88:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##408945 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##408945 | 1.00 | 4.30 | 4.88 | 4.88 |
| #FFFFFF | 4.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.88 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.88 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8B7E3F
Deuteranopia (green-blind)
#81774A
Tritanopia (blue-blind)
#348679
Achromatopsia (no color)
#7A7A7A
وسوم التصميم والكود
CSS
--color: #408945; /* rgb */ color: rgb(64, 137, 69); /* oklch */ color: oklch(56.6% 0.125 145.0);
Tailwind
colors: {
custom: {
50: '#7bac7a',
500: '#408945',
950: '#000000',
},
}SCSS
$custom: #408945; $custom-light: #7bac7a; $custom-dark: #000000;
JSON
{
"hex": "#408945",
"rgb": {
"r": 64,
"g": 137,
"b": 69
},
"hsl": {
"h": 124.11,
"s": 36.318,
"l": 39.412
},
"oklch": {
"l": 0.56616,
"c": 0.12505,
"h": 145
},
"luminance": 0.19411
}Semantic roles & 50–950 ramp
primary
#408945
secondary
#AE77AA
accent
#5BC5CC
background
#F7FAF7
surface
#EEF4ED
border
#C9CEC8
text
#0A1009
muted
#7C7F7B