#D096BE#D096BE
#D096BE لون فاتح ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.389؛ OKLCH L 74.1% C 0.087 H 338.4°. أفضل لون لنص المتن هو #000000 بتباين 8.79:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D096BE |
|---|---|
| RGB | rgb(208, 150, 190) |
| HSL | hsl(319, 38%, 70%) |
| HSV | hsv(319, 28%, 82%) |
| CMYK | cmyk(0%, 27.9%, 8.7%, 18.4%) |
| CIE-LAB | lab(68.71, 28.04, -12.05) |
| CIE-LCH | lch(68.71, 30.52, 336.74°) |
| OKLab | oklab(74.12% 0.0809 -0.032) |
| OKLCH | oklch(74.12% 0.087 338.4) |
| XYZ | xyz(46.2126, 38.9421, 53.7875) |
| Luminance | 0.3894 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Lilac
#C8A2C8
ΔE00 4.77
Plum
#DDA0DD
ΔE00 6.26
Light Mauve
#C292A1
ΔE00 7.83
Dusty Lavender
#AC86A8
ΔE00 7.91
Dull Pink
#D5869D
ΔE00 8.56
Faded Pink
#DE9DAC
ΔE00 8.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D096BE #96D0A8
analogous
#C596D0 #D096BE #D096A1
triadic
#D096BE #BED096 #96BED0
tetradic
#D096BE #D0C596 #96D0A8 #96A1D0
square
#D096BE #D0C596 #96D0A8 #96A1D0
split-complementary
#D096BE #A1D096 #96D0C5
monochromatic
#A34987 #BD6CA4 #D096BE #E3C0D8 #F6EAF2
إمكانية الوصول والتباين
On white
2.39
#D096BE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.79
#D096BE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D096BE
8.79:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D096BE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D096BE | 1.00 | 2.39 | 8.79 | 8.79 |
| #FFFFFF | 2.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.79 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.79 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#97A2C0
Deuteranopia (green-blind)
#A5ABBC
Tritanopia (blue-blind)
#D797A4
Achromatopsia (no color)
#A8A8A8
وسوم التصميم والكود
CSS
--color: #d096be; /* rgb */ color: rgb(208, 150, 190); /* oklch */ color: oklch(74.1% 0.087 338.4);
Tailwind
colors: {
custom: {
50: '#dfb5d1',
500: '#d096be',
950: '#000000',
},
}SCSS
$custom: #d096be; $custom-light: #dfb5d1; $custom-dark: #000000;
JSON
{
"hex": "#d096be",
"rgb": {
"r": 208,
"g": 150,
"b": 190
},
"hsl": {
"h": 318.621,
"s": 38.158,
"l": 70.196
},
"oklch": {
"l": 0.74119,
"c": 0.08702,
"h": 338.4
},
"luminance": 0.3894
}Semantic roles & 50–950 ramp
primary
#D096BE
secondary
#D9E9DE
accent
#B15B34
background
#FDFBFC
surface
#FBF6F9
border
#D4D0D2
text
#151114
muted
#838082