#867ABA#867ABA
#867ABA لون متوسط ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.225؛ OKLCH L 61.6% C 0.096 H 291.9°. أفضل لون لنص المتن هو #000000 بتباين 5.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #867ABA |
|---|---|
| RGB | rgb(134, 122, 186) |
| HSL | hsl(251, 32%, 60%) |
| HSV | hsv(251, 34%, 73%) |
| CMYK | cmyk(28%, 34.4%, 0%, 27.1%) |
| CIE-LAB | lab(54.59, 18.86, -32.02) |
| CIE-LCH | lch(54.59, 37.17, 300.50°) |
| OKLab | oklab(61.58% 0.0359 -0.089) |
| OKLCH | oklch(61.58% 0.096 291.9) |
| XYZ | xyz(25.6518, 22.5322, 49.4425) |
| Luminance | 0.2253 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Deep Lilac
#966EBD
ΔE00 6.25
Mediumpurple
#9370DB
ΔE00 7.54
Wisteria
#A87DC2
ΔE00 8.09
Perrywinkle
#8F8CE7
ΔE00 9.01
Dark Lavender
#856798
ΔE00 9.47
Soft Purple
#A66FB5
ΔE00 9.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#867ABA #AEBA7A
analogous
#7A8EBA #867ABA #A67ABA
triadic
#867ABA #BA867A #7ABA86
tetradic
#867ABA #BA7A8E #AEBA7A #7ABAA6
square
#867ABA #BA7A8E #AEBA7A #7ABAA6
split-complementary
#867ABA #BAA67A #8EBA7A
monochromatic
#4A3F7A #6354A2 #867ABA #ABA2CF #CFCBE4
إمكانية الوصول والتباين
On white
3.81
#867ABA on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.51
#867ABA on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #867ABA
5.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##867ABA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##867ABA | 1.00 | 3.81 | 5.51 | 5.51 |
| #FFFFFF | 3.81 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.51 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6984BD
Deuteranopia (green-blind)
#6A81B8
Tritanopia (blue-blind)
#7B8591
Achromatopsia (no color)
#838383
وسوم التصميم والكود
CSS
--color: #867aba; /* rgb */ color: rgb(134, 122, 186); /* oklch */ color: oklch(61.6% 0.096 291.9);
Tailwind
colors: {
custom: {
50: '#aaa0cf',
500: '#867aba',
950: '#000000',
},
}SCSS
$custom: #867aba; $custom-light: #aaa0cf; $custom-dark: #000000;
JSON
{
"hex": "#867aba",
"rgb": {
"r": 134,
"g": 122,
"b": 186
},
"hsl": {
"h": 251.25,
"s": 31.683,
"l": 60.392
},
"oklch": {
"l": 0.61584,
"c": 0.09598,
"h": 291.9
},
"luminance": 0.22533
}Semantic roles & 50–950 ramp
primary
#867ABA
secondary
#D0D4BC
accent
#AA3B96
background
#FAF9FC
surface
#F4F2F9
border
#CECCD2
text
#100E13
muted
#7F7E82