#C887DF#C887DF
#C887DF لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.349؛ OKLCH L 72.0% C 0.141 H 316.9°. أفضل لون لنص المتن هو #000000 بتباين 7.99:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C887DF |
|---|---|
| RGB | rgb(200, 135, 223) |
| HSL | hsl(284, 58%, 70%) |
| HSV | hsv(284, 39%, 87%) |
| CMYK | cmyk(10.3%, 39.5%, 0%, 12.5%) |
| CIE-LAB | lab(65.70, 39.84, -35.08) |
| CIE-LCH | lch(65.70, 53.09, 318.64°) |
| OKLab | oklab(72.04% 0.1032 -0.0966) |
| OKLCH | oklch(72.04% 0.141 316.9) |
| XYZ | xyz(45.8007, 34.9362, 74.1284) |
| Luminance | 0.3493 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Pale Purple
#B790D4
ΔE00 4.88
Lavender Pink
#DD85D7
ΔE00 5.08
Liliac
#C48EFD
ΔE00 5.85
Baby Purple
#CA9BF7
ΔE00 6.02
Orchid (survey)
#C875C4
ΔE00 6.22
Orchid
#DA70D6
ΔE00 6.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C887DF #9EDF87
analogous
#9C87DF #C887DF #DF87CA
triadic
#C887DF #DFC887 #87DFC8
tetradic
#C887DF #DF9C87 #9EDF87 #87CADF
square
#C887DF #DF9C87 #9EDF87 #87CADF
split-complementary
#C887DF #CADF87 #87DF9C
monochromatic
#9632BA #B257D2 #C887DF #DEB7EC #F4E7F9
إمكانية الوصول والتباين
On white
2.63
#C887DF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.99
#C887DF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #C887DF
7.99:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C887DF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C887DF | 1.00 | 2.63 | 7.99 | 7.99 |
| #FFFFFF | 2.63 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.99 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#799BE2
Deuteranopia (green-blind)
#8AA2DC
Tritanopia (blue-blind)
#C892A9
Achromatopsia (no color)
#A0A0A0
وسوم التصميم والكود
CSS
--color: #c887df; /* rgb */ color: rgb(200, 135, 223); /* oklch */ color: oklch(72.0% 0.141 316.9);
Tailwind
colors: {
custom: {
50: '#daabe9',
500: '#c887df',
950: '#000000',
},
}SCSS
$custom: #c887df; $custom-light: #daabe9; $custom-dark: #000000;
JSON
{
"hex": "#c887df",
"rgb": {
"r": 200,
"g": 135,
"b": 223
},
"hsl": {
"h": 284.318,
"s": 57.895,
"l": 70.196
},
"oklch": {
"l": 0.7204,
"c": 0.14138,
"h": 316.9
},
"luminance": 0.34935
}Semantic roles & 50–950 ramp
primary
#C887DF
secondary
#DBEDD5
accent
#C5204B
background
#FDFAFE
surface
#FBF4FD
border
#D4CED5
text
#151016
muted
#837F84