#5ECBAA#5ECBAA
#5ECBAA لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.480؛ OKLCH L 76.9% C 0.112 H 170.8°. أفضل لون لنص المتن هو #000000 بتباين 10.60:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5ECBAA |
|---|---|
| RGB | rgb(94, 203, 170) |
| HSL | hsl(162, 51%, 58%) |
| HSV | hsv(162, 54%, 80%) |
| CMYK | cmyk(53.7%, 0%, 16.3%, 20.4%) |
| CIE-LAB | lab(74.82, -39.25, 7.02) |
| CIE-LCH | lch(74.82, 39.87, 169.86°) |
| OKLab | oklab(76.88% -0.1107 0.0179) |
| OKLCH | oklch(76.88% 0.112 170.8) |
| XYZ | xyz(33.2244, 47.9908, 45.5347) |
| Luminance | 0.4799 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Mediumaquamarine
#66CDAA
ΔE00 1.09
Seafoam Blue
#78D1B6
ΔE00 3.32
Eucalyptus
#44D7A8
ΔE00 4.51
Pale Teal
#82CBB2
ΔE00 4.53
Aquamarine (survey)
#04D8B2
ΔE00 4.96
Turquoise (survey)
#06C2AC
ΔE00 6.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5ECBAA #CB5E7F
analogous
#5ECB73 #5ECBAA #5EB5CB
triadic
#5ECBAA #AA5ECB #CBAA5E
tetradic
#5ECBAA #735ECB #CB5E7F #B5CB5E
square
#5ECBAA #735ECB #CB5E7F #B5CB5E
split-complementary
#5ECBAA #CB5EB5 #CB735E
monochromatic
#2B8469 #3AB28E #5ECBAA #8CDAC2 #BBE9DB
إمكانية الوصول والتباين
On white
1.98
#5ECBAA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.60
#5ECBAA on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #5ECBAA
10.60:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5ECBAA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5ECBAA | 1.00 | 1.98 | 10.60 | 10.60 |
| #FFFFFF | 1.98 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.60 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.60 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C6BFA8
Deuteranopia (green-blind)
#B5B3AC
Tritanopia (blue-blind)
#2ACCC1
Achromatopsia (no color)
#B8B8B8
وسوم التصميم والكود
CSS
--color: #5ecbaa; /* rgb */ color: rgb(94, 203, 170); /* oklch */ color: oklch(76.9% 0.112 170.8);
Tailwind
colors: {
custom: {
50: '#94dbc3',
500: '#5ecbaa',
950: '#000000',
},
}SCSS
$custom: #5ecbaa; $custom-light: #94dbc3; $custom-dark: #000000;
JSON
{
"hex": "#5ecbaa",
"rgb": {
"r": 94,
"g": 203,
"b": 170
},
"hsl": {
"h": 161.835,
"s": 51.174,
"l": 58.235
},
"oklch": {
"l": 0.76883,
"c": 0.11217,
"h": 170.8
},
"luminance": 0.47994
}Semantic roles & 50–950 ramp
primary
#5ECBAA
secondary
#D8ADBA
accent
#4D78DB
background
#F9FDFB
surface
#F2FBF7
border
#CCD4D0
text
#0E1512
muted
#7E8381