#89E047#89E047
#89E047 لون فاتح جداً وعالي التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.591؛ OKLCH L 82.2% C 0.203 H 134.5°. أفضل لون لنص المتن هو #000000 بتباين 12.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #89E047 |
|---|---|
| RGB | rgb(137, 224, 71) |
| HSL | hsl(94, 71%, 58%) |
| HSV | hsv(94, 68%, 88%) |
| CMYK | cmyk(38.8%, 0%, 68.3%, 12.2%) |
| CIE-LAB | lab(81.34, -50.86, 63.72) |
| CIE-LCH | lch(81.34, 81.53, 128.60°) |
| OKLab | oklab(82.2% -0.1421 0.1448) |
| OKLCH | oklch(82.2% 0.203 134.5) |
| XYZ | xyz(38.1087, 59.0827, 15.3561) |
| Luminance | 0.5908 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Kiwi Green
#8EE53F
ΔE00 1.65
Toxic Green
#61DE2A
ΔE00 3.72
Kiwi
#9CEF43
ΔE00 4.05
Green Apple
#5EDC1F
ΔE00 4.07
Fresh Green
#69D84F
ΔE00 4.46
Apple Green
#76CD26
ΔE00 4.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#89E047 #9E47E0
analogous
#D5E047 #89E047 #47E052
triadic
#89E047 #4789E0 #E04789
tetradic
#89E047 #47D5E0 #9E47E0 #E05247
square
#89E047 #47D5E0 #9E47E0 #E05247
split-complementary
#89E047 #5247E0 #E047D5
monochromatic
#4E9419 #69C822 #89E047 #ABE97B #CCF2B0
إمكانية الوصول والتباين
On white
1.64
#89E047 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.82
#89E047 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #89E047
12.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##89E047 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##89E047 | 1.00 | 1.64 | 12.82 | 12.82 |
| #FFFFFF | 1.64 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.82 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E8CF30
Deuteranopia (green-blind)
#DCC755
Tritanopia (blue-blind)
#88D8C1
Achromatopsia (no color)
#CACACA
وسوم التصميم والكود
CSS
--color: #89e047; /* rgb */ color: rgb(137, 224, 71); /* oklch */ color: oklch(82.2% 0.203 134.5);
Tailwind
colors: {
custom: {
50: '#b1ea82',
500: '#89e047',
950: '#000000',
},
}SCSS
$custom: #89e047; $custom-light: #b1ea82; $custom-dark: #000000;
JSON
{
"hex": "#89e047",
"rgb": {
"r": 137,
"g": 224,
"b": 71
},
"hsl": {
"h": 94.118,
"s": 71.163,
"l": 57.843
},
"oklch": {
"l": 0.82201,
"c": 0.20285,
"h": 134.5
},
"luminance": 0.59085
}Semantic roles & 50–950 ramp
primary
#89E047
secondary
#6D3398
accent
#3AEEA0
background
#FDFEFB
surface
#F8FDF2
border
#D1D5CC
text
#11160B
muted
#81847E