#D886DC#D886DC
#D886DC لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.368؛ OKLCH L 73.5% C 0.149 H 325.3°. أفضل لون لنص المتن هو #000000 بتباين 8.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D886DC |
|---|---|
| RGB | rgb(216, 134, 220) |
| HSL | hsl(297, 55%, 69%) |
| HSV | hsv(297, 39%, 86%) |
| CMYK | cmyk(1.8%, 39.1%, 0%, 13.7%) |
| CIE-LAB | lab(67.14, 44.62, -31.04) |
| CIE-LCH | lch(67.14, 54.36, 325.17°) |
| OKLab | oklab(73.48% 0.1225 -0.0848) |
| OKLCH | oklch(73.48% 0.149 325.3) |
| XYZ | xyz(49.7611, 36.8185, 72.1818) |
| Luminance | 0.3682 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Lavender Pink
#DD85D7
ΔE00 1.66
Violet (CSS)
#EE82EE
ΔE00 4.09
Orchid
#DA70D6
ΔE00 4.83
Purply Pink
#F075E6
ΔE00 5.01
Orchid (survey)
#C875C4
ΔE00 5.53
Plum
#DDA0DD
ΔE00 6.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D886DC #8ADC86
analogous
#AD86DC #D886DC #DC86B5
triadic
#D886DC #DCD886 #86DCD8
tetradic
#D886DC #DCAD86 #8ADC86 #86B5DC
square
#D886DC #DCAD86 #8ADC86 #86B5DC
split-complementary
#D886DC #B5DC86 #86DCAD
monochromatic
#AE34B4 #C957CE #D886DC #E7B5EA #F7E5F7
إمكانية الوصول والتباين
On white
2.51
#D886DC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.36
#D886DC on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D886DC
8.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D886DC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D886DC | 1.00 | 2.51 | 8.36 | 8.36 |
| #FFFFFF | 2.51 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.36 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.36 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7E9DDF
Deuteranopia (green-blind)
#94A7D9
Tritanopia (blue-blind)
#DC8FA7
Achromatopsia (no color)
#A3A3A3
وسوم التصميم والكود
CSS
--color: #d886dc; /* rgb */ color: rgb(216, 134, 220); /* oklch */ color: oklch(73.5% 0.149 325.3);
Tailwind
colors: {
custom: {
50: '#e5abe7',
500: '#d886dc',
950: '#000000',
},
}SCSS
$custom: #d886dc; $custom-light: #e5abe7; $custom-dark: #000000;
JSON
{
"hex": "#d886dc",
"rgb": {
"r": 216,
"g": 134,
"b": 220
},
"hsl": {
"h": 297.209,
"s": 55.128,
"l": 69.412
},
"oklch": {
"l": 0.73478,
"c": 0.14898,
"h": 325.3
},
"luminance": 0.36816
}Semantic roles & 50–950 ramp
primary
#D886DC
secondary
#D4EBD3
accent
#C3232A
background
#FEFAFE
surface
#FCF4FC
border
#D5CED5
text
#161016
muted
#847F84