#58EAE4#58EAE4
#58EAE4 لون فاتح جداً وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.665؛ OKLCH L 85.8% C 0.124 H 191.2°. أفضل لون لنص المتن هو #000000 بتباين 14.30:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #58EAE4 |
|---|---|
| RGB | rgb(88, 234, 228) |
| HSL | hsl(178, 78%, 63%) |
| HSV | hsv(178, 62%, 92%) |
| CMYK | cmyk(62.4%, 0%, 2.6%, 8.2%) |
| CIE-LAB | lab(85.26, -39.83, -8.64) |
| CIE-LCH | lch(85.26, 40.76, 192.24°) |
| OKLab | oklab(85.81% -0.1212 -0.0241) |
| OKLCH | oklch(85.81% 0.124 191.2) |
| XYZ | xyz(47.4446, 66.5166, 83.7223) |
| Luminance | 0.6652 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Turquoise
#40E0D0
ΔE00 4.38
Bright Cyan
#41FDFE
ΔE00 4.72
Bright Turquoise
#0FFEF9
ΔE00 4.73
Bright Aqua
#0BF9EA
ΔE00 4.83
Bright Light Blue
#26F7FD
ΔE00 4.91
Aqua
#00FFFF
ΔE00 5.22
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#58EAE4 #EA585E
analogous
#58EA9B #58EAE4 #58A7EA
triadic
#58EAE4 #E458EA #EAE458
tetradic
#58EAE4 #9B58EA #EA585E #A7EA58
square
#58EAE4 #9B58EA #EA585E #A7EA58
split-complementary
#58EAE4 #EA58A7 #EA9B58
monochromatic
#16B1AB #22E3DB #58EAE4 #8EF1ED #C5F8F6
إمكانية الوصول والتباين
On white
1.47
#58EAE4 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.30
#58EAE4 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #58EAE4
14.30:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##58EAE4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##58EAE4 | 1.00 | 1.47 | 14.30 | 14.30 |
| #FFFFFF | 1.47 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.30 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.30 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#DDDFE4
Deuteranopia (green-blind)
#C6CEE5
Tritanopia (blue-blind)
#00F0E8
Achromatopsia (no color)
#D5D5D5
وسوم التصميم والكود
CSS
--color: #58eae4; /* rgb */ color: rgb(88, 234, 228); /* oklch */ color: oklch(85.8% 0.124 191.2);
Tailwind
colors: {
custom: {
50: '#98f1ec',
500: '#58eae4',
950: '#000000',
},
}SCSS
$custom: #58eae4; $custom-light: #98f1ec; $custom-dark: #000000;
JSON
{
"hex": "#58eae4",
"rgb": {
"r": 88,
"g": 234,
"b": 228
},
"hsl": {
"h": 177.534,
"s": 77.66,
"l": 63.137
},
"oklch": {
"l": 0.85811,
"c": 0.12357,
"h": 191.2
},
"luminance": 0.66522
}Semantic roles & 50–950 ramp
primary
#58EAE4
secondary
#B2353A
accent
#0C14DA
background
#FCFFFE
surface
#F5FEFD
border
#CFD6D5
text
#0F1716
muted
#808584