#D18AEC#D18AEC
#D18AEC لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.378؛ OKLCH L 74.1% C 0.155 H 316.3°. أفضل لون لنص المتن هو #000000 بتباين 8.56:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D18AEC |
|---|---|
| RGB | rgb(209, 138, 236) |
| HSL | hsl(283, 72%, 73%) |
| HSV | hsv(283, 42%, 93%) |
| CMYK | cmyk(11.4%, 41.5%, 0%, 7.5%) |
| CIE-LAB | lab(67.87, 43.54, -38.81) |
| CIE-LCH | lch(67.87, 58.33, 318.28°) |
| OKLab | oklab(74.07% 0.1119 -0.1071) |
| OKLCH | oklch(74.07% 0.155 316.3) |
| XYZ | xyz(50.5210, 37.7897, 83.9734) |
| Luminance | 0.3779 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Liliac
#C48EFD
ΔE00 4.75
Baby Purple
#CA9BF7
ΔE00 4.99
Violet (CSS)
#EE82EE
ΔE00 5.35
Lavender Pink
#DD85D7
ΔE00 5.44
Lavender (survey)
#C79FEF
ΔE00 6.12
Pale Purple
#B790D4
ΔE00 6.37
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D18AEC #A5EC8A
analogous
#A08AEC #D18AEC #EC8AD6
triadic
#D18AEC #ECD18A #8AECD1
tetradic
#D18AEC #ECA08A #A5EC8A #8AD6EC
square
#D18AEC #ECA08A #A5EC8A #8AD6EC
split-complementary
#D18AEC #D6EC8A #8AECA0
monochromatic
#A623D8 #BC55E3 #D18AEC #E6BFF5 #F5E5FB
إمكانية الوصول والتباين
On white
2.45
#D18AEC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.56
#D18AEC on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D18AEC
8.56:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D18AEC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D18AEC | 1.00 | 2.45 | 8.56 | 8.56 |
| #FFFFFF | 2.45 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.56 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.56 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#79A1F0
Deuteranopia (green-blind)
#8CA8E9
Tritanopia (blue-blind)
#D097B0
Achromatopsia (no color)
#A5A5A5
وسوم التصميم والكود
CSS
--color: #d18aec; /* rgb */ color: rgb(209, 138, 236); /* oklch */ color: oklch(74.1% 0.155 316.3);
Tailwind
colors: {
custom: {
50: '#e0adf2',
500: '#d18aec',
950: '#000000',
},
}SCSS
$custom: #d18aec; $custom-light: #e0adf2; $custom-dark: #000000;
JSON
{
"hex": "#d18aec",
"rgb": {
"r": 209,
"g": 138,
"b": 236
},
"hsl": {
"h": 283.469,
"s": 72.059,
"l": 73.333
},
"oklch": {
"l": 0.74067,
"c": 0.15496,
"h": 316.3
},
"luminance": 0.37788
}Semantic roles & 50–950 ramp
primary
#D18AEC
secondary
#E0F2D9
accent
#D41147
background
#FDFAFE
surface
#FBF4FD
border
#D4CED5
text
#151017
muted
#837F85