#E0FDFE#E0FDFE
#E0FDFE لون فاتح جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.933؛ OKLCH L 97.4% C 0.030 H 199.2°. أفضل لون لنص المتن هو #000000 بتباين 19.65:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E0FDFE |
|---|---|
| RGB | rgb(224, 253, 254) |
| HSL | hsl(182, 94%, 94%) |
| HSV | hsv(182, 12%, 100%) |
| CMYK | cmyk(11.8%, 0.4%, 0%, 0.4%) |
| CIE-LAB | lab(97.33, -9.14, -3.65) |
| CIE-LCH | lch(97.33, 9.84, 201.77°) |
| OKLab | oklab(97.35% -0.0284 -0.0099) |
| OKLCH | oklch(97.35% 0.03 199.2) |
| XYZ | xyz(83.7508, 93.2519, 107.3336) |
| Luminance | 0.9325 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Lightcyan
#E0FFFF
ΔE00 0.86
Ice Blue (survey)
#D7FFFE
ΔE00 3.23
Very Pale Blue
#D6FFFE
ΔE00 3.46
Very Light Blue
#D5FFFF
ΔE00 3.53
Really Light Blue
#D4FFFF
ΔE00 3.76
Ice
#D6FFFA
ΔE00 4.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E0FDFE #FEE1E0
analogous
#E0FEF0 #E0FDFE #E0EEFE
triadic
#E0FDFE #FEE0FD #FDFEE0
tetradic
#E0FDFE #F0E0FE #FEE1E0 #EEFEE0
square
#E0FDFE #F0E0FE #FEE1E0 #EEFEE0
split-complementary
#E0FDFE #FEE0EE #FEF0E0
monochromatic
#69F5FA #A5F9FC #E0FDFE #E1FDFE #E1FDFE
إمكانية الوصول والتباين
On white
1.07
#E0FDFE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.65
#E0FDFE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #E0FDFE
19.65:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E0FDFE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E0FDFE | 1.00 | 1.07 | 19.65 | 19.65 |
| #FFFFFF | 1.07 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.65 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.65 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F9FAFE
Deuteranopia (green-blind)
#F3F5FE
Tritanopia (blue-blind)
#D8FFFD
Achromatopsia (no color)
#F7F7F7
وسوم التصميم والكود
CSS
--color: #e0fdfe; /* rgb */ color: rgb(224, 253, 254); /* oklch */ color: oklch(97.4% 0.030 199.2);
Tailwind
colors: {
custom: {
50: '#eafefe',
500: '#e0fdfe',
950: '#000000',
},
}SCSS
$custom: #e0fdfe; $custom-light: #eafefe; $custom-dark: #000000;
JSON
{
"hex": "#e0fdfe",
"rgb": {
"r": 224,
"g": 253,
"b": 254
},
"hsl": {
"h": 182,
"s": 93.75,
"l": 93.725
},
"oklch": {
"l": 0.97352,
"c": 0.03009,
"h": 199.2
},
"luminance": 0.93254
}Semantic roles & 50–950 ramp
primary
#E0FDFE
secondary
#EA9B98
accent
#0800E6
background
#FEFFFF
surface
#FDFFFF
border
#D5D7D7
text
#161717
muted
#848585