#8EE48B#8EE48B
#8EE48B لون فاتح جداً وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.631؛ OKLCH L 84.3% C 0.147 H 143.4°. أفضل لون لنص المتن هو #000000 بتباين 13.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8EE48B |
|---|---|
| RGB | rgb(142, 228, 139) |
| HSL | hsl(118, 62%, 72%) |
| HSV | hsv(118, 39%, 89%) |
| CMYK | cmyk(37.7%, 0%, 39%, 10.6%) |
| CIE-LAB | lab(83.49, -43.37, 35.45) |
| CIE-LCH | lch(83.49, 56.01, 140.74°) |
| OKLab | oklab(84.27% -0.1182 0.0878) |
| OKLCH | oklch(84.27% 0.147 143.4) |
| XYZ | xyz(43.5570, 63.0993, 34.3054) |
| Luminance | 0.6310 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Lightgreen
#90EE90
ΔE00 2.22
Palegreen
#98FB98
ΔE00 4.94
Hospital Green
#9BE5AA
ΔE00 5.71
Light Pastel Green
#B2FBA5
ΔE00 5.84
Light Sea Green
#98F6B0
ΔE00 5.86
Mint Green
#8FFF9F
ΔE00 5.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8EE48B #E18BE4
analogous
#BAE48B #8EE48B #8BE4B5
triadic
#8EE48B #8B8EE4 #E48B8E
tetradic
#8EE48B #8BBAE4 #E18BE4 #E4B58B
square
#8EE48B #8BBAE4 #E18BE4 #E4B58B
split-complementary
#8EE48B #B58BE4 #E48BBA
monochromatic
#33C62E #5ED859 #8EE48B #BEF0BD #E7F9E6
إمكانية الوصول والتباين
On white
1.54
#8EE48B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.62
#8EE48B on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #8EE48B
13.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8EE48B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8EE48B | 1.00 | 1.54 | 13.62 | 13.62 |
| #FFFFFF | 1.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.62 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E8D585
Deuteranopia (green-blind)
#DBCD90
Tritanopia (blue-blind)
#85DFCE
Achromatopsia (no color)
#D0D0D0
وسوم التصميم والكود
CSS
--color: #8ee48b; /* rgb */ color: rgb(142, 228, 139); /* oklch */ color: oklch(84.3% 0.147 143.4);
Tailwind
colors: {
custom: {
50: '#b2edae',
500: '#8ee48b',
950: '#000000',
},
}SCSS
$custom: #8ee48b; $custom-light: #b2edae; $custom-dark: #000000;
JSON
{
"hex": "#8ee48b",
"rgb": {
"r": 142,
"g": 228,
"b": 139
},
"hsl": {
"h": 117.978,
"s": 62.238,
"l": 71.961
},
"oklch": {
"l": 0.84268,
"c": 0.1472,
"h": 143.4
},
"luminance": 0.63102
}Semantic roles & 50–950 ramp
primary
#8EE48B
secondary
#B956BD
accent
#1CCAC4
background
#FDFFFD
surface
#F8FEF7
border
#D1D6D0
text
#111610
muted
#818581