#8ECB45#8ECB45
#8ECB45 لون فاتح وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.489؛ OKLCH L 77.4% C 0.175 H 130.6°. أفضل لون لنص المتن هو #000000 بتباين 10.78:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8ECB45 |
|---|---|
| RGB | rgb(142, 203, 69) |
| HSL | hsl(87, 56%, 53%) |
| HSV | hsv(87, 66%, 80%) |
| CMYK | cmyk(30%, 0%, 66%, 20.4%) |
| CIE-LAB | lab(75.38, -40.41, 58.33) |
| CIE-LCH | lch(75.38, 70.96, 124.71°) |
| OKLab | oklab(77.41% -0.114 0.1331) |
| OKLCH | oklch(77.41% 0.175 130.6) |
| XYZ | xyz(33.5852, 48.8913, 13.2965) |
| Luminance | 0.4889 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Yellowgreen
#9ACD32
ΔE00 3.25
Apple Green
#76CD26
ΔE00 3.46
Apple
#6ECB3C
ΔE00 4.09
Dark Lime Green
#7EBD01
ΔE00 5.09
Slime Green
#99CC04
ΔE00 5.24
Fresh Green
#69D84F
ΔE00 6.25
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8ECB45 #8245CB
analogous
#CBC545 #8ECB45 #4BCB45
triadic
#8ECB45 #458ECB #CB458E
tetradic
#8ECB45 #45CBC5 #8245CB #CB454B
square
#8ECB45 #45CBC5 #8245CB #CB454B
split-complementary
#8ECB45 #454BCB #C545CB
monochromatic
#4F7521 #6FA52E #8ECB45 #ABD875 #C8E6A5
إمكانية الوصول والتباين
On white
1.95
#8ECB45 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.78
#8ECB45 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #8ECB45
10.78:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8ECB45 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8ECB45 | 1.00 | 1.95 | 10.78 | 10.78 |
| #FFFFFF | 1.95 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.78 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.78 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D4BD33
Deuteranopia (green-blind)
#CBB850
Tritanopia (blue-blind)
#91C3B0
Achromatopsia (no color)
#BABABA
وسوم التصميم والكود
CSS
--color: #8ecb45; /* rgb */ color: rgb(142, 203, 69); /* oklch */ color: oklch(77.4% 0.175 130.6);
Tailwind
colors: {
custom: {
50: '#b3db7f',
500: '#8ecb45',
950: '#000000',
},
}SCSS
$custom: #8ecb45; $custom-light: #b3db7f; $custom-dark: #000000;
JSON
{
"hex": "#8ecb45",
"rgb": {
"r": 142,
"g": 203,
"b": 69
},
"hsl": {
"h": 87.313,
"s": 56.303,
"l": 53.333
},
"oklch": {
"l": 0.77409,
"c": 0.17529,
"h": 130.6
},
"luminance": 0.48892
}Semantic roles & 50–950 ramp
primary
#8ECB45
secondary
#B399D3
accent
#48E08D
background
#FBFDF8
surface
#F6FBEF
border
#D0D4CA
text
#11150A
muted
#80837C