#882EBA#882EBA
#882EBA لون متوسط وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.107؛ OKLCH L 50.2% C 0.210 H 310.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #882EBA |
|---|---|
| RGB | rgb(136, 46, 186) |
| HSL | hsl(279, 60%, 45%) |
| HSV | hsv(279, 75%, 73%) |
| CMYK | cmyk(26.9%, 75.3%, 0%, 27.1%) |
| CIE-LAB | lab(39.13, 59.73, -56.60) |
| CIE-LCH | lch(39.13, 82.29, 316.54°) |
| OKLab | oklab(50.2% 0.1352 -0.1604) |
| OKLCH | oklch(50.2% 0.21 310.1) |
| XYZ | xyz(19.9915, 10.7338, 47.4636) |
| Luminance | 0.1073 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Darkorchid
#9932CC
ΔE00 4.05
Darkviolet
#9400D3
ΔE00 4.17
Purply
#983FB2
ΔE00 5.37
Blueviolet
#8A2BE2
ΔE00 5.55
Purple (survey)
#7E1E9C
ΔE00 5.56
Violet (survey)
#9A0EEA
ΔE00 6.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#882EBA #60BA2E
analogous
#422EBA #882EBA #BA2EA6
triadic
#882EBA #BA882E #2EBA88
tetradic
#882EBA #BA422E #60BA2E #2EA6BA
square
#882EBA #BA422E #60BA2E #2EA6BA
split-complementary
#882EBA #A6BA2E #2EBA42
monochromatic
#401658 #642289 #882EBA #A551D4 #BF82E0
إمكانية الوصول والتباين
On white
6.67
#882EBA on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.15
#882EBA on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #882EBA
6.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##882EBA | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##882EBA | 1.00 | 6.67 | 3.15 | 6.67 |
| #FFFFFF | 6.67 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.15 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.67 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0058BE
Deuteranopia (green-blind)
#075DB7
Tritanopia (blue-blind)
#814F72
Achromatopsia (no color)
#5C5C5C
وسوم التصميم والكود
CSS
--color: #882eba; /* rgb */ color: rgb(136, 46, 186); /* oklch */ color: oklch(50.2% 0.210 310.1);
Tailwind
colors: {
custom: {
50: '#b070d0',
500: '#882eba',
950: '#000000',
},
}SCSS
$custom: #882eba; $custom-light: #b070d0; $custom-dark: #000000;
JSON
{
"hex": "#882eba",
"rgb": {
"r": 136,
"g": 46,
"b": 186
},
"hsl": {
"h": 278.571,
"s": 60.345,
"l": 45.49
},
"oklch": {
"l": 0.50202,
"c": 0.20978,
"h": 310.1
},
"luminance": 0.10733
}Semantic roles & 50–950 ramp
primary
#882EBA
secondary
#97C97B
accent
#E3447D
background
#FBF7FC
surface
#F6EDF9
border
#D0C8D2
text
#110814
muted
#807B82