#5DCAEB#5DCAEB
#5DCAEB لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.506؛ OKLCH L 78.8% C 0.110 H 220.7°. أفضل لون لنص المتن هو #000000 بتباين 11.11:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5DCAEB |
|---|---|
| RGB | rgb(93, 202, 235) |
| HSL | hsl(194, 78%, 64%) |
| HSV | hsv(194, 60%, 92%) |
| CMYK | cmyk(60.4%, 14%, 0%, 7.8%) |
| CIE-LAB | lab(76.41, -21.70, -25.68) |
| CIE-LCH | lch(76.41, 33.62, 229.81°) |
| OKLab | oklab(78.8% -0.083 -0.0714) |
| OKLCH | oklch(78.8% 0.11 220.7) |
| XYZ | xyz(40.6241, 50.5623, 86.1997) |
| Luminance | 0.5057 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Bright Sky Blue
#02CCFE
ΔE00 4.14
Sky Blue
#87CEEB
ΔE00 4.31
Neon Blue
#04D9FF
ΔE00 4.80
Baby Blue
#89CFF0
ΔE00 5.03
Lightblue (survey)
#7BC8F6
ΔE00 6.49
Lightskyblue
#87CEFA
ΔE00 7.03
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5DCAEB #EB7E5D
analogous
#5DEBC5 #5DCAEB #5D83EB
triadic
#5DCAEB #EB5DCA #CAEB5D
tetradic
#5DCAEB #C55DEB #EB7E5D #83EB5D
square
#5DCAEB #C55DEB #EB7E5D #83EB5D
split-complementary
#5DCAEB #EB5D83 #EBC55D
monochromatic
#1792B7 #27B8E4 #5DCAEB #93DCF2 #CAEEF8
إمكانية الوصول والتباين
On white
1.89
#5DCAEB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.11
#5DCAEB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #5DCAEB
11.11:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5DCAEB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5DCAEB | 1.00 | 1.89 | 11.11 | 11.11 |
| #FFFFFF | 1.89 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.11 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.11 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B6C5ED
Deuteranopia (green-blind)
#A2B6EB
Tritanopia (blue-blind)
#00D5D4
Achromatopsia (no color)
#BCBCBC
وسوم التصميم والكود
CSS
--color: #5dcaeb; /* rgb */ color: rgb(93, 202, 235); /* oklch */ color: oklch(78.8% 0.110 220.7);
Tailwind
colors: {
custom: {
50: '#98daf1',
500: '#5dcaeb',
950: '#000000',
},
}SCSS
$custom: #5dcaeb; $custom-light: #98daf1; $custom-dark: #000000;
JSON
{
"hex": "#5dcaeb",
"rgb": {
"r": 93,
"g": 202,
"b": 235
},
"hsl": {
"h": 193.944,
"s": 78.022,
"l": 64.314
},
"oklch": {
"l": 0.78795,
"c": 0.10951,
"h": 220.7
},
"luminance": 0.50566
}Semantic roles & 50–950 ramp
primary
#5DCAEB
secondary
#B75436
accent
#3B0BDA
background
#FCFEFF
surface
#F5FBFE
border
#CFD4D6
text
#0F1416
muted
#808385