#5E984D#5E984D
#5E984D لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.254؛ OKLCH L 62.1% C 0.123 H 138.9°. أفضل لون لنص المتن هو #000000 بتباين 6.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5E984D |
|---|---|
| RGB | rgb(94, 152, 77) |
| HSL | hsl(106, 33%, 45%) |
| HSV | hsv(106, 49%, 60%) |
| CMYK | cmyk(38.2%, 0%, 49.3%, 40.4%) |
| CIE-LAB | lab(57.44, -33.81, 33.43) |
| CIE-LCH | lch(57.44, 47.55, 135.32°) |
| OKLab | oklab(62.15% -0.0926 0.0808) |
| OKLCH | oklch(62.15% 0.123 138.9) |
| XYZ | xyz(17.1833, 25.3711, 11.0114) |
| Luminance | 0.2537 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Muted Green
#5FA052
ΔE00 2.55
Flat Green
#699D4C
ΔE00 2.58
Off Green
#6BA353
ΔE00 3.82
Fern Green
#548D44
ΔE00 3.87
Light Forest Green
#4F9153
ΔE00 4.18
Moss
#769958
ΔE00 4.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5E984D #874D98
analogous
#84984D #5E984D #4D9862
triadic
#5E984D #4D5E98 #984D5E
tetradic
#5E984D #4D8498 #874D98 #98624D
square
#5E984D #4D8498 #874D98 #98624D
split-complementary
#5E984D #624D98 #984D84
monochromatic
#2C4724 #456F38 #5E984D #7DB56D #A2CA96
إمكانية الوصول والتباين
On white
3.46
#5E984D on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.07
#5E984D on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #5E984D
6.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5E984D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5E984D | 1.00 | 3.46 | 6.07 | 6.07 |
| #FFFFFF | 3.46 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.07 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9C8D47
Deuteranopia (green-blind)
#948852
Tritanopia (blue-blind)
#5A9486
Achromatopsia (no color)
#8A8A8A
وسوم التصميم والكود
CSS
--color: #5e984d; /* rgb */ color: rgb(94, 152, 77); /* oklch */ color: oklch(62.1% 0.123 138.9);
Tailwind
colors: {
custom: {
50: '#8fb780',
500: '#5e984d',
950: '#000000',
},
}SCSS
$custom: #5e984d; $custom-light: #8fb780; $custom-dark: #000000;
JSON
{
"hex": "#5e984d",
"rgb": {
"r": 94,
"g": 152,
"b": 77
},
"hsl": {
"h": 106.4,
"s": 32.751,
"l": 44.902
},
"oklch": {
"l": 0.62147,
"c": 0.12289,
"h": 138.9
},
"luminance": 0.25372
}Semantic roles & 50–950 ramp
primary
#5E984D
secondary
#AC8BB6
accent
#5FC9B1
background
#F8FBF7
surface
#F0F6EE
border
#CBD0C9
text
#0D110A
muted
#7D807C