#A986BE#A986BE
#A986BE لون فاتح ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.292؛ OKLCH L 67.3% C 0.090 H 312.4°. أفضل لون لنص المتن هو #000000 بتباين 6.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A986BE |
|---|---|
| RGB | rgb(169, 134, 190) |
| HSL | hsl(278, 30%, 64%) |
| HSV | hsv(278, 29%, 75%) |
| CMYK | cmyk(11.1%, 29.5%, 0%, 25.5%) |
| CIE-LAB | lab(60.96, 23.83, -24.18) |
| CIE-LCH | lch(60.96, 33.95, 314.59°) |
| OKLab | oklab(67.28% 0.0604 -0.0661) |
| OKLCH | oklch(67.28% 0.09 312.4) |
| XYZ | xyz(34.1800, 29.2034, 52.5414) |
| Luminance | 0.2920 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Wisteria
#A87DC2
ΔE00 3.45
Heather
#A484AC
ΔE00 4.36
Pale Purple
#B790D4
ΔE00 4.59
Dusty Lavender
#AC86A8
ΔE00 6.49
Soft Purple
#A66FB5
ΔE00 7.03
Lavender
#B39DDB
ΔE00 7.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A986BE #9BBE86
analogous
#8D86BE #A986BE #BE86B7
triadic
#A986BE #BEA986 #86BEA9
tetradic
#A986BE #BE8D86 #9BBE86 #86B7BE
square
#A986BE #BE8D86 #9BBE86 #86B7BE
split-complementary
#A986BE #B7BE86 #86BE8D
monochromatic
#6C4683 #8D5EA9 #A986BE #C5AED3 #E2D6E9
إمكانية الوصول والتباين
On white
3.07
#A986BE on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.84
#A986BE on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A986BE
6.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A986BE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A986BE | 1.00 | 3.07 | 6.84 | 6.84 |
| #FFFFFF | 3.07 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.84 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.84 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7D91C0
Deuteranopia (green-blind)
#8594BC
Tritanopia (blue-blind)
#A78D9A
Achromatopsia (no color)
#939393
وسوم التصميم والكود
CSS
--color: #a986be; /* rgb */ color: rgb(169, 134, 190); /* oklch */ color: oklch(67.3% 0.090 312.4);
Tailwind
colors: {
custom: {
50: '#c3a9d1',
500: '#a986be',
950: '#000000',
},
}SCSS
$custom: #a986be; $custom-light: #c3a9d1; $custom-dark: #000000;
JSON
{
"hex": "#a986be",
"rgb": {
"r": 169,
"g": 134,
"b": 190
},
"hsl": {
"h": 277.5,
"s": 30.108,
"l": 63.529
},
"oklch": {
"l": 0.67282,
"c": 0.08955,
"h": 312.4
},
"luminance": 0.29203
}Semantic roles & 50–950 ramp
primary
#A986BE
secondary
#CDDAC6
accent
#A93D65
background
#FCFAFC
surface
#F8F4F9
border
#D1CED2
text
#121014
muted
#817F82