#D9EEF2#D9EEF2
#D9EEF2 لون فاتح جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.823؛ OKLCH L 93.5% C 0.023 H 210.4°. أفضل لون لنص المتن هو #000000 بتباين 17.46:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D9EEF2 |
|---|---|
| RGB | rgb(217, 238, 242) |
| HSL | hsl(190, 49%, 90%) |
| HSV | hsv(190, 10%, 95%) |
| CMYK | cmyk(10.3%, 1.7%, 0%, 5.1%) |
| CIE-LAB | lab(92.71, -6.11, -4.29) |
| CIE-LCH | lch(92.71, 7.46, 215.05°) |
| OKLab | oklab(93.48% -0.0197 -0.0115) |
| OKLCH | oklch(93.48% 0.023 210.4) |
| XYZ | xyz(75.2131, 82.3103, 95.9121) |
| Luminance | 0.8231 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Azure (CSS)
#F0FFFF
ΔE00 4.44
Lightcyan
#E0FFFF
ΔE00 5.01
Aliceblue
#F0F8FF
ΔE00 6.28
Mintcream
#F5FFFA
ΔE00 6.50
Ice Blue (survey)
#D7FFFE
ΔE00 6.91
Very Light Blue
#D5FFFF
ΔE00 7.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D9EEF2 #F2DDD9
analogous
#D9F2EA #D9EEF2 #D9E1F2
triadic
#D9EEF2 #F2D9EE #EEF2D9
tetradic
#D9EEF2 #EAD9F2 #F2DDD9 #E1F2D9
square
#D9EEF2 #EAD9F2 #F2DDD9 #E1F2D9
split-complementary
#D9EEF2 #F2D9E1 #F2EAD9
monochromatic
#7EC5D3 #ABDAE2 #D9EEF2 #E8F5F7 #E8F5F7
إمكانية الوصول والتباين
On white
1.20
#D9EEF2 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.46
#D9EEF2 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D9EEF2
17.46:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D9EEF2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D9EEF2 | 1.00 | 1.20 | 17.46 | 17.46 |
| #FFFFFF | 1.20 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.46 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.46 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#EAECF2
Deuteranopia (green-blind)
#E6E9F2
Tritanopia (blue-blind)
#D2F0EF
Achromatopsia (no color)
#EAEAEA
وسوم التصميم والكود
CSS
--color: #d9eef2; /* rgb */ color: rgb(217, 238, 242); /* oklch */ color: oklch(93.5% 0.023 210.4);
Tailwind
colors: {
custom: {
50: '#e4f3f6',
500: '#d9eef2',
950: '#000000',
},
}SCSS
$custom: #d9eef2; $custom-light: #e4f3f6; $custom-dark: #000000;
JSON
{
"hex": "#d9eef2",
"rgb": {
"r": 217,
"g": 238,
"b": 242
},
"hsl": {
"h": 189.6,
"s": 49.02,
"l": 90
},
"oklch": {
"l": 0.93484,
"c": 0.02284,
"h": 210.4
},
"luminance": 0.82312
}Semantic roles & 50–950 ramp
primary
#D9EEF2
secondary
#D0A79F
accent
#4129BC
background
#FEFFFF
surface
#FCFEFE
border
#D5D6D6
text
#151717
muted
#848585