#5EE484#5EE484
#5EE484 لون فاتح جداً وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.595؛ OKLCH L 82.2% C 0.178 H 150.0°. أفضل لون لنص المتن هو #000000 بتباين 12.91:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5EE484 |
|---|---|
| RGB | rgb(94, 228, 132) |
| HSL | hsl(137, 71%, 63%) |
| HSV | hsv(137, 59%, 89%) |
| CMYK | cmyk(58.8%, 0%, 42.1%, 10.6%) |
| CIE-LAB | lab(81.58, -57.11, 36.12) |
| CIE-LCH | lch(81.58, 67.57, 147.69°) |
| OKLab | oklab(82.17% -0.1544 0.0892) |
| OKLCH | oklch(82.17% 0.178 150) |
| XYZ | xyz(36.5217, 59.5290, 31.3909) |
| Luminance | 0.5953 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Weird Green
#3AE57F
ΔE00 2.04
Tealish Green
#0CDC73
ΔE00 3.85
Turquoise Green
#04F489
ΔE00 4.55
Lightgreen
#90EE90
ΔE00 4.94
Lightish Green
#61E160
ΔE00 5.10
Aqua Green
#12E193
ΔE00 5.19
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5EE484 #E45EBE
analogous
#7BE45E #5EE484 #5EE4C7
triadic
#5EE484 #845EE4 #E4845E
tetradic
#5EE484 #5E7BE4 #E45EBE #E4C75E
square
#5EE484 #5E7BE4 #E45EBE #E4C75E
split-complementary
#5EE484 #C75EE4 #E45E7B
monochromatic
#1DAB45 #2ADB5C #5EE484 #92EDAC #C7F6D4
إمكانية الوصول والتباين
On white
1.63
#5EE484 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.91
#5EE484 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #5EE484
12.91:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5EE484 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5EE484 | 1.00 | 1.63 | 12.91 | 12.91 |
| #FFFFFF | 1.63 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.91 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.91 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E5D27D
Deuteranopia (green-blind)
#D4C68A
Tritanopia (blue-blind)
#38E0CC
Achromatopsia (no color)
#CBCBCB
وسوم التصميم والكود
CSS
--color: #5ee484; /* rgb */ color: rgb(94, 228, 132); /* oklch */ color: oklch(82.2% 0.178 150.0);
Tailwind
colors: {
custom: {
50: '#97eda9',
500: '#5ee484',
950: '#000000',
},
}SCSS
$custom: #5ee484; $custom-light: #97eda9; $custom-dark: #000000;
JSON
{
"hex": "#5ee484",
"rgb": {
"r": 94,
"g": 228,
"b": 132
},
"hsl": {
"h": 137.015,
"s": 71.277,
"l": 63.137
},
"oklch": {
"l": 0.82172,
"c": 0.17832,
"h": 150
},
"luminance": 0.59532
}Semantic roles & 50–950 ramp
primary
#5EE484
secondary
#AD3A8C
accent
#129DD3
background
#FCFFFC
surface
#F5FEF6
border
#CFD6D0
text
#0F1610
muted
#808580