#A891BB#A891BB
#A891BB لون فاتح ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.322؛ OKLCH L 69.2% C 0.066 H 309.5°. أفضل لون لنص المتن هو #000000 بتباين 7.43:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A891BB |
|---|---|
| RGB | rgb(168, 145, 187) |
| HSL | hsl(273, 24%, 65%) |
| HSV | hsv(273, 22%, 73%) |
| CMYK | cmyk(10.2%, 22.5%, 0%, 26.7%) |
| CIE-LAB | lab(63.48, 16.63, -18.65) |
| CIE-LCH | lch(63.48, 24.99, 311.72°) |
| OKLab | oklab(69.16% 0.0417 -0.0507) |
| OKLCH | oklch(69.16% 0.066 309.5) |
| XYZ | xyz(35.2419, 32.1637, 51.3557) |
| Luminance | 0.3216 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Heather
#A484AC
ΔE00 4.51
Dusty Lavender
#AC86A8
ΔE00 5.86
Pale Purple
#B790D4
ΔE00 6.40
Lavender
#B39DDB
ΔE00 6.66
Lilac
#C8A2C8
ΔE00 7.51
Wisteria
#A87DC2
ΔE00 7.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A891BB #A4BB91
analogous
#9391BB #A891BB #BB91B9
triadic
#A891BB #BBA891 #91BBA8
tetradic
#A891BB #BB9391 #A4BB91 #91B9BB
square
#A891BB #BB9391 #A4BB91 #91B9BB
split-complementary
#A891BB #B9BB91 #91BB93
monochromatic
#6B5082 #8A6BA4 #A891BB #C6B7D2 #E4DDEA
إمكانية الوصول والتباين
On white
2.83
#A891BB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.43
#A891BB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #A891BB
7.43:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A891BB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A891BB | 1.00 | 2.83 | 7.43 | 7.43 |
| #FFFFFF | 2.83 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.43 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.43 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8A99BD
Deuteranopia (green-blind)
#8F9ABA
Tritanopia (blue-blind)
#A6969F
Achromatopsia (no color)
#9A9A9A
وسوم التصميم والكود
CSS
--color: #a891bb; /* rgb */ color: rgb(168, 145, 187); /* oklch */ color: oklch(69.2% 0.066 309.5);
Tailwind
colors: {
custom: {
50: '#c2b1cf',
500: '#a891bb',
950: '#000000',
},
}SCSS
$custom: #a891bb; $custom-light: #c2b1cf; $custom-dark: #000000;
JSON
{
"hex": "#a891bb",
"rgb": {
"r": 168,
"g": 145,
"b": 187
},
"hsl": {
"h": 272.857,
"s": 23.596,
"l": 65.098
},
"oklch": {
"l": 0.69157,
"c": 0.06561,
"h": 309.5
},
"luminance": 0.32163
}Semantic roles & 50–950 ramp
primary
#A891BB
secondary
#D3DBCD
accent
#A2436E
background
#FBFAFC
surface
#F7F5F9
border
#D0CFD2
text
#121013
muted
#817F82