#8133B2#8133B2
#8133B2 is a mid, vivid violet. Relative luminance 0.102; OKLCH L 49.2% C 0.194 H 309.0°. Best body text is #FFFFFF at 6.89:1 contrast (WCAG AA passes).
Color values
| HEX | #8133B2 |
|---|---|
| RGB | rgb(129, 51, 178) |
| HSL | hsl(277, 55%, 45%) |
| HSV | hsv(277, 71%, 70%) |
| CMYK | cmyk(27.5%, 71.3%, 0%, 30.2%) |
| CIE-LAB | lab(38.29, 54.57, -53.28) |
| CIE-LCH | lch(38.29, 76.27, 315.69°) |
| OKLab | oklab(49.22% 0.1223 -0.1509) |
| OKLCH | oklch(49.22% 0.194 309) |
| XYZ | xyz(18.2713, 10.2495, 43.1267) |
| Luminance | 0.1025 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Purple (survey)
#7E1E9C
ΔE00 4.93
Darkorchid
#9932CC
ΔE00 5.32
Darkviolet
#9400D3
ΔE00 5.61
Purply
#983FB2
ΔE00 5.68
Rebeccapurple
#663399
ΔE00 5.73
Blueviolet
#8A2BE2
ΔE00 6.65
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#8133B2 #64B233
analogous
#4133B2 #8133B2 #B233A4
triadic
#8133B2 #B28133 #33B281
tetradic
#8133B2 #B24133 #64B233 #33A4B2
square
#8133B2 #B24133 #64B233 #33A4B2
split-complementary
#8133B2 #A4B233 #33B241
monochromatic
#3C1853 #5F2582 #8133B2 #9F54CE #BA84DC
Accessibility & contrast
On white
6.89
#8133B2 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.05
#8133B2 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #8133B2
6.89:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##8133B2 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8133B2 | 1.00 | 6.89 | 3.05 | 6.89 |
| #FFFFFF | 6.89 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.05 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.89 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0057B6
Deuteranopia (green-blind)
#155BAF
Tritanopia (blue-blind)
#7A506F
Achromatopsia (no color)
#5A5A5A
Design tokens & code
CSS
--color: #8133b2; /* rgb */ color: rgb(129, 51, 178); /* oklch */ color: oklch(49.2% 0.194 309.0);
Tailwind
colors: {
custom: {
50: '#aa72ca',
500: '#8133b2',
950: '#000000',
},
}SCSS
$custom: #8133b2; $custom-light: #aa72ca; $custom-dark: #000000;
JSON
{
"hex": "#8133b2",
"rgb": {
"r": 129,
"g": 51,
"b": 178
},
"hsl": {
"h": 276.85,
"s": 55.459,
"l": 44.902
},
"oklch": {
"l": 0.49218,
"c": 0.19427,
"h": 309
},
"luminance": 0.10249
}Semantic roles & 50–950 ramp
primary
#8133B2
secondary
#98C57C
accent
#DF4983
background
#FAF7FC
surface
#F4EDF8
border
#CEC8D1
text
#100813
muted
#7F7B82