#4EDDAE#4EDDAE
#4EDDAE لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.564؛ OKLCH L 80.9% C 0.140 H 167.4°. أفضل لون لنص المتن هو #000000 بتباين 12.28:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4EDDAE |
|---|---|
| RGB | rgb(78, 221, 174) |
| HSL | hsl(160, 68%, 59%) |
| HSV | hsv(160, 65%, 87%) |
| CMYK | cmyk(64.7%, 0%, 21.3%, 13.3%) |
| CIE-LAB | lab(79.83, -49.19, 11.97) |
| CIE-LCH | lch(79.83, 50.63, 166.32°) |
| OKLab | oklab(80.87% -0.1367 0.0306) |
| OKLCH | oklch(80.87% 0.14 167.4) |
| XYZ | xyz(36.6344, 56.3846, 48.9888) |
| Luminance | 0.5639 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Eucalyptus
#44D7A8
ΔE00 1.52
Aqua Marine
#2EE8BB
ΔE00 3.17
Aquamarine (survey)
#04D8B2
ΔE00 3.76
Seafoam
#7FE0B3
ΔE00 4.26
Mediumaquamarine
#66CDAA
ΔE00 4.83
Aqua (survey)
#13EAC9
ΔE00 5.84
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4EDDAE #DD4E7D
analogous
#4EDD66 #4EDDAE #4EC4DD
triadic
#4EDDAE #AE4EDD #DDAE4E
tetradic
#4EDDAE #664EDD #DD4E7D #C4DD4E
square
#4EDDAE #664EDD #DD4E7D #C4DD4E
split-complementary
#4EDDAE #DD4EC4 #DD664E
monochromatic
#1C946D #26C793 #4EDDAE #81E7C5 #B5F1DD
إمكانية الوصول والتباين
On white
1.71
#4EDDAE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.28
#4EDDAE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #4EDDAE
12.28:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4EDDAE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##4EDDAE | 1.00 | 1.71 | 12.28 | 12.28 |
| #FFFFFF | 1.71 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.28 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.28 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D8CEAC
Deuteranopia (green-blind)
#C4C0B1
Tritanopia (blue-blind)
#00DED0
Achromatopsia (no color)
#C6C6C6
وسوم التصميم والكود
CSS
--color: #4eddae; /* rgb */ color: rgb(78, 221, 174); /* oklch */ color: oklch(80.9% 0.140 167.4);
Tailwind
colors: {
custom: {
50: '#8fe8c6',
500: '#4eddae',
950: '#000000',
},
}SCSS
$custom: #4eddae; $custom-light: #8fe8c6; $custom-dark: #000000;
JSON
{
"hex": "#4eddae",
"rgb": {
"r": 78,
"g": 221,
"b": 174
},
"hsl": {
"h": 160.28,
"s": 67.773,
"l": 58.627
},
"oklch": {
"l": 0.80872,
"c": 0.14009,
"h": 167.4
},
"luminance": 0.56389
}Semantic roles & 50–950 ramp
primary
#4EDDAE
secondary
#993657
accent
#3D76EB
background
#FCFEFD
surface
#F5FDF9
border
#CFD5D2
text
#0E1613
muted
#7F8482