#D9AFCA#D9AFCA
#D9AFCA لون فاتح ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.497؛ OKLCH L 80.0% C 0.060 H 339.8°. أفضل لون لنص المتن هو #000000 بتباين 10.94:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D9AFCA |
|---|---|
| RGB | rgb(217, 175, 202) |
| HSL | hsl(321, 36%, 77%) |
| HSV | hsv(321, 19%, 85%) |
| CMYK | cmyk(0%, 19.4%, 6.9%, 14.9%) |
| CIE-LAB | lab(75.87, 19.66, -7.89) |
| CIE-LCH | lch(75.87, 21.18, 338.15°) |
| OKLab | oklab(79.96% 0.0566 -0.0208) |
| OKLCH | oklch(79.96% 0.06 339.8) |
| XYZ | xyz(54.6051, 49.6775, 62.5779) |
| Luminance | 0.4968 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Lilac
#C8A2C8
ΔE00 5.18
Thistle
#D8BFD8
ΔE00 5.54
Dusty Pink
#D8A7B1
ΔE00 6.57
Powder Pink
#FFB2D0
ΔE00 7.66
Baby Pink
#FFB7CE
ΔE00 7.87
Faded Pink
#DE9DAC
ΔE00 8.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D9AFCA #AFD9BE
analogous
#D3AFD9 #D9AFCA #D9AFB5
triadic
#D9AFCA #CAD9AF #AFCAD9
tetradic
#D9AFCA #D9D3AF #AFD9BE #AFB5D9
square
#D9AFCA #D9D3AF #AFD9BE #AFB5D9
split-complementary
#D9AFCA #B5D9AF #AFD9D3
monochromatic
#B25C93 #C586AF #D9AFCA #EDD8E5 #F5EAF1
إمكانية الوصول والتباين
On white
1.92
#D9AFCA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.94
#D9AFCA on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D9AFCA
10.94:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D9AFCA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D9AFCA | 1.00 | 1.92 | 10.94 | 10.94 |
| #FFFFFF | 1.92 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.94 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.94 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B0B7CB
Deuteranopia (green-blind)
#BABDC9
Tritanopia (blue-blind)
#DEB0B8
Achromatopsia (no color)
#BBBBBB
وسوم التصميم والكود
CSS
--color: #d9afca; /* rgb */ color: rgb(217, 175, 202); /* oklch */ color: oklch(80.0% 0.060 339.8);
Tailwind
colors: {
custom: {
50: '#e5c7da',
500: '#d9afca',
950: '#000000',
},
}SCSS
$custom: #d9afca; $custom-light: #e5c7da; $custom-dark: #000000;
JSON
{
"hex": "#d9afca",
"rgb": {
"r": 217,
"g": 175,
"b": 202
},
"hsl": {
"h": 321.429,
"s": 35.593,
"l": 76.863
},
"oklch": {
"l": 0.79955,
"c": 0.06032,
"h": 339.8
},
"luminance": 0.49676
}Semantic roles & 50–950 ramp
primary
#D9AFCA
secondary
#DFECE4
accent
#AE6237
background
#FEFCFD
surface
#FCF8FA
border
#D5D1D3
text
#151314
muted
#848283