#876FDB#876FDB
#876FDB لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.216؛ OKLCH L 61.4% C 0.159 H 291.2°. أفضل لون لنص المتن هو #000000 بتباين 5.33:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #876FDB |
|---|---|
| RGB | rgb(135, 111, 219) |
| HSL | hsl(253, 60%, 65%) |
| HSV | hsv(253, 49%, 86%) |
| CMYK | cmyk(38.4%, 49.3%, 0%, 14.1%) |
| CIE-LAB | lab(53.64, 34.35, -52.29) |
| CIE-LCH | lch(53.64, 62.56, 303.30°) |
| OKLab | oklab(61.43% 0.0575 -0.148) |
| OKLCH | oklch(61.43% 0.159 291.2) |
| XYZ | xyz(28.4589, 21.6335, 69.6804) |
| Luminance | 0.2163 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Mediumpurple
#9370DB
ΔE00 2.53
Mediumslateblue
#7B68EE
ΔE00 4.18
Purpley
#8756E4
ΔE00 7.11
Deep Lilac
#966EBD
ΔE00 7.28
Periwinkle (survey)
#8E82FE
ΔE00 7.44
Dark Periwinkle
#665FD1
ΔE00 7.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#876FDB #C3DB6F
analogous
#6F8DDB #876FDB #BD6FDB
triadic
#876FDB #DB876F #6FDB87
tetradic
#876FDB #DB6F8D #C3DB6F #6FDBBD
square
#876FDB #DB6F8D #C3DB6F #6FDBBD
split-complementary
#876FDB #DBBD6F #8DDB6F
monochromatic
#452AA6 #5E3ECF #876FDB #B0A0E7 #D9D1F3
إمكانية الوصول والتباين
On white
3.94
#876FDB on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.33
#876FDB on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #876FDB
5.33:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##876FDB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##876FDB | 1.00 | 3.94 | 5.33 | 5.33 |
| #FFFFFF | 3.94 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.33 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.33 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4582DF
Deuteranopia (green-blind)
#487ED9
Tritanopia (blue-blind)
#71859B
Achromatopsia (no color)
#808080
وسوم التصميم والكود
CSS
--color: #876fdb; /* rgb */ color: rgb(135, 111, 219); /* oklch */ color: oklch(61.4% 0.159 291.2);
Tailwind
colors: {
custom: {
50: '#ae99e7',
500: '#876fdb',
950: '#000000',
},
}SCSS
$custom: #876fdb; $custom-light: #ae99e7; $custom-dark: #000000;
JSON
{
"hex": "#876fdb",
"rgb": {
"r": 135,
"g": 111,
"b": 219
},
"hsl": {
"h": 253.333,
"s": 60,
"l": 64.706
},
"oklch": {
"l": 0.61426,
"c": 0.15876,
"h": 291.2
},
"luminance": 0.21634
}Semantic roles & 50–950 ramp
primary
#876FDB
secondary
#DDE5C0
accent
#C81EA2
background
#FBF9FE
surface
#F6F2FC
border
#D0CCD5
text
#110E16
muted
#807E84