#B89AFE#B89AFE
#B89AFE لون فاتح وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.405؛ OKLCH L 75.2% C 0.143 H 296.6°. أفضل لون لنص المتن هو #000000 بتباين 9.09:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B89AFE |
|---|---|
| RGB | rgb(184, 154, 254) |
| HSL | hsl(258, 98%, 80%) |
| HSV | hsv(258, 39%, 100%) |
| CMYK | cmyk(27.6%, 39.4%, 0%, 0.4%) |
| CIE-LAB | lab(69.79, 31.68, -45.81) |
| CIE-LCH | lch(69.79, 55.70, 304.67°) |
| OKLab | oklab(75.22% 0.0641 -0.1279) |
| OKLCH | oklch(75.22% 0.143 296.6) |
| XYZ | xyz(49.2079, 40.4568, 98.9632) |
| Luminance | 0.4046 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Pastel Purple
#CAA0FF
ΔE00 3.80
Liliac
#C48EFD
ΔE00 4.43
Baby Purple
#CA9BF7
ΔE00 4.55
Lilac (survey)
#CEA2FD
ΔE00 4.89
Lavender (survey)
#C79FEF
ΔE00 5.34
Pale Violet
#CEAEFA
ΔE00 6.90
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B89AFE #E0FE9A
analogous
#9AAEFE #B89AFE #EA9AFE
triadic
#B89AFE #FEB89A #9AFEB8
tetradic
#B89AFE #FE9AAE #E0FE9A #9AFEEA
square
#B89AFE #FE9AAE #E0FE9A #9AFEEA
split-complementary
#B89AFE #FEEA9A #AEFE9A
monochromatic
#6321FD #8D5DFD #B89AFE #E3D7FF #EAE1FF
إمكانية الوصول والتباين
On white
2.31
#B89AFE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.09
#B89AFE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #B89AFE
9.09:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B89AFE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B89AFE | 1.00 | 2.31 | 9.09 | 9.09 |
| #FFFFFF | 2.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.09 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.09 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7EABFF
Deuteranopia (green-blind)
#83A9FB
Tritanopia (blue-blind)
#AAABC0
Achromatopsia (no color)
#AAAAAA
وسوم التصميم والكود
CSS
--color: #b89afe; /* rgb */ color: rgb(184, 154, 254); /* oklch */ color: oklch(75.2% 0.143 296.6);
Tailwind
colors: {
custom: {
50: '#cfb8ff',
500: '#b89afe',
950: '#000000',
},
}SCSS
$custom: #b89afe; $custom-light: #cfb8ff; $custom-dark: #000000;
JSON
{
"hex": "#b89afe",
"rgb": {
"r": 184,
"g": 154,
"b": 254
},
"hsl": {
"h": 258,
"s": 98.039,
"l": 80
},
"oklch": {
"l": 0.7522,
"c": 0.1431,
"h": 296.6
},
"luminance": 0.40457
}Semantic roles & 50–950 ramp
primary
#B89AFE
secondary
#ECF7D4
accent
#E600A1
background
#FCFBFF
surface
#F9F6FF
border
#D2D0D7
text
#141118
muted
#828086