#D9C8DB#D9C8DB
#D9C8DB لون فاتح جداً وخافت من عائلة purple. الإضاءة النسبية 0.612؛ OKLCH L 85.2% C 0.032 H 322.6°. أفضل لون لنص المتن هو #000000 بتباين 13.24:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D9C8DB |
|---|---|
| RGB | rgb(217, 200, 219) |
| HSL | hsl(294, 21%, 82%) |
| HSV | hsv(294, 9%, 86%) |
| CMYK | cmyk(0.9%, 8.7%, 0%, 14.1%) |
| CIE-LAB | lab(82.47, 9.30, -7.27) |
| CIE-LCH | lch(82.47, 11.81, 321.98°) |
| OKLab | oklab(85.24% 0.0253 -0.0193) |
| OKLCH | oklch(85.24% 0.032 322.6) |
| XYZ | xyz(62.0538, 61.1753, 75.5431) |
| Luminance | 0.6118 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Thistle
#D8BFD8
ΔE00 3.68
Lavender (CSS)
#E6E6FA
ΔE00 9.10
Pale Lavender
#EECFFE
ΔE00 9.17
Light Pink
#FFD1DF
ΔE00 9.31
Pale Pink
#FFCFDC
ΔE00 9.71
Pale Lilac
#E4CBFF
ΔE00 9.78
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D9C8DB #CADBC8
analogous
#D0C8DB #D9C8DB #DBC8D4
triadic
#D9C8DB #DBD9C8 #C8DBD9
tetradic
#D9C8DB #DBD0C8 #CADBC8 #C8D4DB
square
#D9C8DB #DBD0C8 #CADBC8 #C8D4DB
split-complementary
#D9C8DB #D4DBC8 #C8DBD0
monochromatic
#A67EAB #BFA3C3 #D9C8DB #F2EDF3 #F2EDF3
إمكانية الوصول والتباين
On white
1.59
#D9C8DB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.24
#D9C8DB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D9C8DB
13.24:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D9C8DB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D9C8DB | 1.00 | 1.59 | 13.24 | 13.24 |
| #FFFFFF | 1.59 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.24 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.24 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C7CCDC
Deuteranopia (green-blind)
#CACEDA
Tritanopia (blue-blind)
#DACACE
Achromatopsia (no color)
#CDCDCD
وسوم التصميم والكود
CSS
--color: #d9c8db; /* rgb */ color: rgb(217, 200, 219); /* oklch */ color: oklch(85.2% 0.032 322.6);
Tailwind
colors: {
custom: {
50: '#e4d8e6',
500: '#d9c8db',
950: '#000000',
},
}SCSS
$custom: #d9c8db; $custom-light: #e4d8e6; $custom-dark: #000000;
JSON
{
"hex": "#d9c8db",
"rgb": {
"r": 217,
"g": 200,
"b": 219
},
"hsl": {
"h": 293.684,
"s": 20.879,
"l": 82.157
},
"oklch": {
"l": 0.85242,
"c": 0.03185,
"h": 322.6
},
"luminance": 0.61175
}Semantic roles & 50–950 ramp
primary
#D9C8DB
secondary
#99B196
accent
#9F4650
background
#FEFEFE
surface
#FCFBFC
border
#D5D4D5
text
#151415
muted
#848384