#D6ACFC#D6ACFC
#D6ACFC لون فاتح ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.508؛ OKLCH L 81.0% C 0.118 H 307.9°. أفضل لون لنص المتن هو #000000 بتباين 11.17:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D6ACFC |
|---|---|
| RGB | rgb(214, 172, 252) |
| HSL | hsl(272, 93%, 83%) |
| HSV | hsv(272, 32%, 99%) |
| CMYK | cmyk(15.1%, 31.7%, 0%, 1.2%) |
| CIE-LAB | lab(76.58, 30.01, -33.96) |
| CIE-LCH | lch(76.58, 45.32, 311.46°) |
| OKLab | oklab(80.99% 0.0728 -0.0934) |
| OKLCH | oklch(80.99% 0.118 307.9) |
| XYZ | xyz(60.0515, 50.8300, 98.7242) |
| Luminance | 0.5083 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Mauve
#E0B0FF
ΔE00 1.95
Pale Violet
#CEAEFA
ΔE00 1.98
Light Violet
#D6B4FC
ΔE00 2.28
Lilac (survey)
#CEA2FD
ΔE00 3.03
Lavender (survey)
#C79FEF
ΔE00 3.64
Pastel Purple
#CAA0FF
ΔE00 4.07
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D6ACFC #D2FCAC
analogous
#AEACFC #D6ACFC #FCACFA
triadic
#D6ACFC #FCD6AC #ACFCD6
tetradic
#D6ACFC #FCAEAC #D2FCAC #ACFAFC
square
#D6ACFC #FCAEAC #D2FCAC #ACFAFC
split-complementary
#D6ACFC #FAFCAC #ACFCAE
monochromatic
#9C36F8 #B971FA #D6ACFC #F0E1FE #F0E1FE
إمكانية الوصول والتباين
On white
1.88
#D6ACFC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.17
#D6ACFC on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D6ACFC
11.17:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D6ACFC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D6ACFC | 1.00 | 1.88 | 11.17 | 11.17 |
| #FFFFFF | 1.88 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.17 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.17 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9DBBFF
Deuteranopia (green-blind)
#A6BEFA
Tritanopia (blue-blind)
#D1B7C9
Achromatopsia (no color)
#BDBDBD
وسوم التصميم والكود
CSS
--color: #d6acfc; /* rgb */ color: rgb(214, 172, 252); /* oklch */ color: oklch(81.0% 0.118 307.9);
Tailwind
colors: {
custom: {
50: '#e3c5fd',
500: '#d6acfc',
950: '#000000',
},
}SCSS
$custom: #d6acfc; $custom-light: #e3c5fd; $custom-dark: #000000;
JSON
{
"hex": "#d6acfc",
"rgb": {
"r": 214,
"g": 172,
"b": 252
},
"hsl": {
"h": 271.5,
"s": 93.023,
"l": 83.137
},
"oklch": {
"l": 0.8099,
"c": 0.1184,
"h": 307.9
},
"luminance": 0.50829
}Semantic roles & 50–950 ramp
primary
#D6ACFC
secondary
#A3E06C
accent
#E6006D
background
#FEFDFF
surface
#FCF9FF
border
#D5D2D7
text
#151317
muted
#848285