#DA87BF#DA87BF
#DA87BF لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.360؛ OKLCH L 72.7% C 0.123 H 340.0°. أفضل لون لنص المتن هو #000000 بتباين 8.20:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DA87BF |
|---|---|
| RGB | rgb(218, 135, 191) |
| HSL | hsl(320, 53%, 69%) |
| HSV | hsv(320, 38%, 85%) |
| CMYK | cmyk(0%, 38.1%, 12.4%, 14.5%) |
| CIE-LAB | lab(66.52, 39.65, -15.80) |
| CIE-LCH | lch(66.52, 42.68, 338.28°) |
| OKLab | oklab(72.71% 0.1158 -0.0421) |
| OKLCH | oklch(72.71% 0.123 340) |
| XYZ | xyz(46.9815, 35.9976, 53.7537) |
| Luminance | 0.3599 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Lavender Pink
#DD85D7
ΔE00 5.41
Bubblegum Pink
#FE83CC
ΔE00 6.01
Pink (survey)
#FF81C0
ΔE00 6.63
Orchid (survey)
#C875C4
ΔE00 7.14
Plum
#DDA0DD
ΔE00 7.29
Pale Magenta
#D767AD
ΔE00 7.49
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DA87BF #87DAA2
analogous
#CC87DA #DA87BF #DA8796
triadic
#DA87BF #BFDA87 #87BFDA
tetradic
#DA87BF #DACC87 #87DAA2 #8796DA
square
#DA87BF #DACC87 #87DAA2 #8796DA
split-complementary
#DA87BF #96DA87 #87DACC
monochromatic
#B03689 #CC58A6 #DA87BF #E8B6D8 #F7E5F1
إمكانية الوصول والتباين
On white
2.56
#DA87BF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.20
#DA87BF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DA87BF
8.20:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DA87BF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DA87BF | 1.00 | 2.56 | 8.20 | 8.20 |
| #FFFFFF | 2.56 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.20 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.20 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8A9AC1
Deuteranopia (green-blind)
#9FA7BD
Tritanopia (blue-blind)
#E3889B
Achromatopsia (no color)
#A2A2A2
وسوم التصميم والكود
CSS
--color: #da87bf; /* rgb */ color: rgb(218, 135, 191); /* oklch */ color: oklch(72.7% 0.123 340.0);
Tailwind
colors: {
custom: {
50: '#e7abd2',
500: '#da87bf',
950: '#000000',
},
}SCSS
$custom: #da87bf; $custom-light: #e7abd2; $custom-dark: #000000;
JSON
{
"hex": "#da87bf",
"rgb": {
"r": 218,
"g": 135,
"b": 191
},
"hsl": {
"h": 319.518,
"s": 52.866,
"l": 69.216
},
"oklch": {
"l": 0.72708,
"c": 0.12318,
"h": 340
},
"luminance": 0.35995
}Semantic roles & 50–950 ramp
primary
#DA87BF
secondary
#D2EADA
accent
#C05825
background
#FEFAFC
surface
#FDF4F9
border
#D5CED2
text
#161014
muted
#847F82