#DDC4DB#DDC4DB
#DDC4DB لون فاتح جداً وخافت من عائلة purple. الإضاءة النسبية 0.600؛ OKLCH L 84.8% C 0.042 H 328.5°. أفضل لون لنص المتن هو #000000 بتباين 12.99:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DDC4DB |
|---|---|
| RGB | rgb(221, 196, 219) |
| HSL | hsl(305, 27%, 82%) |
| HSV | hsv(305, 11%, 87%) |
| CMYK | cmyk(0%, 11.3%, 0.9%, 13.3%) |
| CIE-LAB | lab(81.82, 12.79, -8.20) |
| CIE-LCH | lch(81.82, 15.20, 327.32°) |
| OKLab | oklab(84.82% 0.0355 -0.0218) |
| OKLCH | oklch(84.82% 0.042 328.5) |
| XYZ | xyz(62.3432, 59.9673, 75.2947) |
| Luminance | 0.5997 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Thistle
#D8BFD8
ΔE00 1.38
Pale Lavender
#EECFFE
ΔE00 7.62
Very Light Purple
#F6CEFC
ΔE00 7.79
Light Pink
#FFD1DF
ΔE00 7.81
Pale Pink
#FFCFDC
ΔE00 8.18
Pale Mauve
#FED0FC
ΔE00 8.29
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DDC4DB #C4DDC6
analogous
#D3C4DD #DDC4DB #DDC4CF
triadic
#DDC4DB #DBDDC4 #C4DBDD
tetradic
#DDC4DB #DDD3C4 #C4DDC6 #C4CFDD
square
#DDC4DB #DDD3C4 #C4DDC6 #C4CFDD
split-complementary
#DDC4DB #CFDDC4 #C4DDD3
monochromatic
#B076AC #C79DC3 #DDC4DB #F3EBF3 #F4ECF3
إمكانية الوصول والتباين
On white
1.62
#DDC4DB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.99
#DDC4DB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DDC4DB
12.99:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DDC4DB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DDC4DB | 1.00 | 1.62 | 12.99 | 12.99 |
| #FFFFFF | 1.62 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.99 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C3C9DC
Deuteranopia (green-blind)
#C8CDDA
Tritanopia (blue-blind)
#DFC6CB
Achromatopsia (no color)
#CBCBCB
وسوم التصميم والكود
CSS
--color: #ddc4db; /* rgb */ color: rgb(221, 196, 219); /* oklch */ color: oklch(84.8% 0.042 328.5);
Tailwind
colors: {
custom: {
50: '#e7d5e6',
500: '#ddc4db',
950: '#000000',
},
}SCSS
$custom: #ddc4db; $custom-light: #e7d5e6; $custom-dark: #000000;
JSON
{
"hex": "#ddc4db",
"rgb": {
"r": 221,
"g": 196,
"b": 219
},
"hsl": {
"h": 304.8,
"s": 26.882,
"l": 81.765
},
"oklch": {
"l": 0.84815,
"c": 0.04167,
"h": 328.5
},
"luminance": 0.59966
}Semantic roles & 50–950 ramp
primary
#DDC4DB
secondary
#91B494
accent
#A54840
background
#FEFEFE
surface
#FCFBFC
border
#D5D4D5
text
#161415
muted
#848384