#408360#408360
#408360 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.182؛ OKLCH L 55.6% C 0.088 H 158.8°. أفضل لون لنص المتن هو #000000 بتباين 4.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #408360 |
|---|---|
| RGB | rgb(64, 131, 96) |
| HSL | hsl(149, 34%, 38%) |
| HSV | hsv(149, 51%, 51%) |
| CMYK | cmyk(51.1%, 0%, 26.7%, 48.6%) |
| CIE-LAB | lab(49.70, -29.99, 12.52) |
| CIE-LCH | lch(49.70, 32.50, 157.34°) |
| OKLab | oklab(55.58% -0.0824 0.0319) |
| OKLCH | oklch(55.58% 0.088 158.8) |
| XYZ | xyz(12.3410, 18.1661, 13.9201) |
| Luminance | 0.1817 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Dark Sea Green
#11875D
ΔE00 4.21
Sea Green
#2E8B57
ΔE00 5.01
Viridian
#1E9167
ΔE00 5.78
Dark Sage
#598556
ΔE00 5.94
Slate Green
#658D6D
ΔE00 7.01
Jungle Green
#048243
ΔE00 7.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#408360 #834063
analogous
#418340 #408360 #408381
triadic
#408360 #604083 #836040
tetradic
#408360 #404183 #834063 #838140
square
#408360 #404183 #834063 #838140
split-complementary
#408360 #814083 #834041
monochromatic
#183124 #2C5A42 #408360 #54AC7E #7EC09D
إمكانية الوصول والتباين
On white
4.53
#408360 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.63
#408360 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #408360
4.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##408360 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##408360 | 1.00 | 4.53 | 4.63 | 4.63 |
| #FFFFFF | 4.53 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.63 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#827A5E
Deuteranopia (green-blind)
#787362
Tritanopia (blue-blind)
#2D8279
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #408360; /* rgb */ color: rgb(64, 131, 96); /* oklch */ color: oklch(55.6% 0.088 158.8);
Tailwind
colors: {
custom: {
50: '#7aa78d',
500: '#408360',
950: '#000000',
},
}SCSS
$custom: #408360; $custom-light: #7aa78d; $custom-dark: #000000;
JSON
{
"hex": "#408360",
"rgb": {
"r": 64,
"g": 131,
"b": 96
},
"hsl": {
"h": 148.657,
"s": 34.359,
"l": 38.235
},
"oklch": {
"l": 0.55578,
"c": 0.08839,
"h": 158.8
},
"luminance": 0.18167
}Semantic roles & 50–950 ramp
primary
#408360
secondary
#AA7591
accent
#5D96CA
background
#F7FAF8
surface
#EEF4F0
border
#C9CECB
text
#090F0C
muted
#7B7F7D