#876BB1#876BB1
#876BB1 لون متوسط ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.188؛ OKLCH L 58.4% C 0.108 H 301.6°. أفضل لون لنص المتن هو #000000 بتباين 4.77:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #876BB1 |
|---|---|
| RGB | rgb(135, 107, 177) |
| HSL | hsl(264, 31%, 56%) |
| HSV | hsv(264, 40%, 69%) |
| CMYK | cmyk(23.7%, 39.5%, 0%, 30.6%) |
| CIE-LAB | lab(50.50, 25.77, -33.21) |
| CIE-LCH | lch(50.50, 42.03, 307.81°) |
| OKLab | oklab(58.36% 0.0567 -0.0924) |
| OKLCH | oklch(58.36% 0.108 301.6) |
| XYZ | xyz(23.1834, 18.8406, 44.0017) |
| Luminance | 0.1884 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Deep Lilac
#966EBD
ΔE00 3.67
Deep Lavender
#8D5EB7
ΔE00 4.78
Dark Lavender
#856798
ΔE00 5.85
Amethyst
#9B5FC0
ΔE00 6.25
Dark Lilac
#9C6DA5
ΔE00 7.04
Soft Purple
#A66FB5
ΔE00 7.39
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#876BB1 #95B16B
analogous
#6B72B1 #876BB1 #AA6BB1
triadic
#876BB1 #B1876B #6BB187
tetradic
#876BB1 #B16B72 #95B16B #6BB1AA
square
#876BB1 #B16B72 #95B16B #6BB1AA
split-complementary
#876BB1 #B1AA6B #72B16B
monochromatic
#4C386A #684D92 #876BB1 #A793C6 #C8BBDB
إمكانية الوصول والتباين
On white
4.40
#876BB1 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.77
#876BB1 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #876BB1
4.77:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##876BB1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##876BB1 | 1.00 | 4.40 | 4.77 | 4.77 |
| #FFFFFF | 4.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.77 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.77 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5A78B4
Deuteranopia (green-blind)
#5F78AF
Tritanopia (blue-blind)
#807685
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #876bb1; /* rgb */ color: rgb(135, 107, 177); /* oklch */ color: oklch(58.4% 0.108 301.6);
Tailwind
colors: {
custom: {
50: '#ab95c8',
500: '#876bb1',
950: '#000000',
},
}SCSS
$custom: #876bb1; $custom-light: #ab95c8; $custom-dark: #000000;
JSON
{
"hex": "#876bb1",
"rgb": {
"r": 135,
"g": 107,
"b": 177
},
"hsl": {
"h": 264,
"s": 30.973,
"l": 55.686
},
"oklch": {
"l": 0.58356,
"c": 0.10842,
"h": 301.6
},
"luminance": 0.18841
}Semantic roles & 50–950 ramp
primary
#876BB1
secondary
#BFCAAD
accent
#C7619E
background
#FAF9FC
surface
#F4F2F8
border
#CECCD1
text
#100D13
muted
#7F7E82