#5AE080#5AE080
#5AE080 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.570؛ OKLCH L 81.0% C 0.178 H 149.9°. أفضل لون لنص المتن هو #000000 بتباين 12.41:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5AE080 |
|---|---|
| RGB | rgb(90, 224, 128) |
| HSL | hsl(137, 68%, 62%) |
| HSV | hsv(137, 60%, 88%) |
| CMYK | cmyk(59.8%, 0%, 42.9%, 12.2%) |
| CIE-LAB | lab(80.20, -57.08, 36.31) |
| CIE-LCH | lch(80.20, 67.65, 147.54°) |
| OKLab | oklab(80.99% -0.1543 0.0895) |
| OKLCH | oklch(80.99% 0.178 149.9) |
| XYZ | xyz(34.7658, 57.0401, 29.5956) |
| Luminance | 0.5704 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Weird Green
#3AE57F
ΔE00 2.09
Tealish Green
#0CDC73
ΔE00 3.24
Lightish Green
#61E160
ΔE00 4.96
Seaweed
#18D17B
ΔE00 5.09
Aqua Green
#12E193
ΔE00 5.10
Turquoise Green
#04F489
ΔE00 5.14
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5AE080 #E05ABA
analogous
#77E05A #5AE080 #5AE0C3
triadic
#5AE080 #805AE0 #E0805A
tetradic
#5AE080 #5A77E0 #E05ABA #E0C35A
square
#5AE080 #5A77E0 #E05ABA #E0C35A
split-complementary
#5AE080 #C35AE0 #E05A77
monochromatic
#1EA143 #28D559 #5AE080 #8EEAA8 #C1F3CF
إمكانية الوصول والتباين
On white
1.69
#5AE080 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.41
#5AE080 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #5AE080
12.41:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5AE080 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5AE080 | 1.00 | 1.69 | 12.41 | 12.41 |
| #FFFFFF | 1.69 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.41 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.41 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E1CE79
Deuteranopia (green-blind)
#D0C286
Tritanopia (blue-blind)
#33DCC9
Achromatopsia (no color)
#C7C7C7
وسوم التصميم والكود
CSS
--color: #5ae080; /* rgb */ color: rgb(90, 224, 128); /* oklch */ color: oklch(81.0% 0.178 149.9);
Tailwind
colors: {
custom: {
50: '#95eba6',
500: '#5ae080',
950: '#000000',
},
}SCSS
$custom: #5ae080; $custom-light: #95eba6; $custom-dark: #000000;
JSON
{
"hex": "#5ae080",
"rgb": {
"r": 90,
"g": 224,
"b": 128
},
"hsl": {
"h": 137.015,
"s": 68.367,
"l": 61.569
},
"oklch": {
"l": 0.80986,
"c": 0.17837,
"h": 149.9
},
"luminance": 0.57043
}Semantic roles & 50–950 ramp
primary
#5AE080
secondary
#A43A86
accent
#159BD0
background
#FCFFFC
surface
#F5FEF6
border
#CFD6D0
text
#0E160F
muted
#7F8580