#DCDDF1#DCDDF1
#DCDDF1 لون فاتح جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.733؛ OKLCH L 90.3% C 0.027 H 283.6°. أفضل لون لنص المتن هو #000000 بتباين 15.66:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DCDDF1 |
|---|---|
| RGB | rgb(220, 221, 241) |
| HSL | hsl(237, 43%, 90%) |
| HSV | hsv(237, 9%, 95%) |
| CMYK | cmyk(8.7%, 8.3%, 0%, 5.5%) |
| CIE-LAB | lab(88.58, 3.42, -9.85) |
| CIE-LCH | lch(88.58, 10.43, 289.13°) |
| OKLab | oklab(90.28% 0.0064 -0.0264) |
| OKLCH | oklch(90.28% 0.027 283.6) |
| XYZ | xyz(71.2456, 73.2790, 93.5928) |
| Luminance | 0.7328 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Lavender (CSS)
#E6E6FA
ΔE00 2.08
Fog
#D8DCE0
ΔE00 7.69
Ghostwhite
#F8F8FF
ΔE00 7.80
Light Blue Grey
#B7C9E2
ΔE00 8.82
Gainsboro
#DCDCDC
ΔE00 8.90
Aliceblue
#F0F8FF
ΔE00 9.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DCDDF1 #F1F0DC
analogous
#DCE7F1 #DCDDF1 #E5DCF1
triadic
#DCDDF1 #F1DCDD #DDF1DC
tetradic
#DCDDF1 #F1DCE7 #F1F0DC #DCF1E5
square
#DCDDF1 #F1DCE7 #F1F0DC #DCF1E5
split-complementary
#DCDDF1 #F1E5DC #E7F1DC
monochromatic
#8588CE #B0B3E0 #DCDDF1 #E9EAF6 #E9EAF6
إمكانية الوصول والتباين
On white
1.34
#DCDDF1 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.66
#DCDDF1 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DCDDF1
15.66:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DCDDF1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DCDDF1 | 1.00 | 1.34 | 15.66 | 15.66 |
| #FFFFFF | 1.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.66 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.66 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D8DFF2
Deuteranopia (green-blind)
#D8DEF0
Tritanopia (blue-blind)
#D8E0E3
Achromatopsia (no color)
#DEDEDE
وسوم التصميم والكود
CSS
--color: #dcddf1; /* rgb */ color: rgb(220, 221, 241); /* oklch */ color: oklch(90.3% 0.027 283.6);
Tailwind
colors: {
custom: {
50: '#e7e7f5',
500: '#dcddf1',
950: '#000000',
},
}SCSS
$custom: #dcddf1; $custom-light: #e7e7f5; $custom-dark: #000000;
JSON
{
"hex": "#dcddf1",
"rgb": {
"r": 220,
"g": 221,
"b": 241
},
"hsl": {
"h": 237.143,
"s": 42.857,
"l": 90.392
},
"oklch": {
"l": 0.9028,
"c": 0.02721,
"h": 283.6
},
"luminance": 0.73279
}Semantic roles & 50–950 ramp
primary
#DCDDF1
secondary
#CECCA3
accent
#B030B6
background
#FEFEFF
surface
#FCFCFE
border
#D5D5D6
text
#161617
muted
#848485