#8137B7#8137B7
#8137B7 is a mid, vivid violet. Relative luminance 0.108; OKLCH L 50.0% C 0.194 H 307.2°. Best body text is #FFFFFF at 6.64:1 contrast (WCAG AA passes).
Color values
| HEX | #8137B7 |
|---|---|
| RGB | rgb(129, 55, 183) |
| HSL | hsl(275, 54%, 47%) |
| HSV | hsv(275, 70%, 72%) |
| CMYK | cmyk(29.5%, 69.9%, 0%, 28.2%) |
| CIE-LAB | lab(39.27, 53.93, -54.64) |
| CIE-LCH | lch(39.27, 76.77, 314.62°) |
| OKLab | oklab(50.03% 0.1174 -0.155) |
| OKLCH | oklch(50.03% 0.194 307.2) |
| XYZ | xyz(18.9649, 10.8186, 45.8797) |
| Luminance | 0.1082 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Darkorchid
#9932CC
ΔE00 4.76
Purply
#983FB2
ΔE00 5.51
Darkviolet
#9400D3
ΔE00 5.55
Blueviolet
#8A2BE2
ΔE00 5.91
Purple (survey)
#7E1E9C
ΔE00 6.05
Rebeccapurple
#663399
ΔE00 6.29
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#8137B7 #6DB737
analogous
#4137B7 #8137B7 #B737AD
triadic
#8137B7 #B78137 #37B781
tetradic
#8137B7 #B74137 #6DB737 #37ADB7
square
#8137B7 #B74137 #6DB737 #37ADB7
split-complementary
#8137B7 #ADB737 #37B741
monochromatic
#3F1B59 #602988 #8137B7 #9E5DCE #BA8CDC
Accessibility & contrast
On white
6.64
#8137B7 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.16
#8137B7 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #8137B7
6.64:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##8137B7 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8137B7 | 1.00 | 6.64 | 3.16 | 6.64 |
| #FFFFFF | 6.64 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.16 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.64 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#005ABB
Deuteranopia (green-blind)
#115DB4
Tritanopia (blue-blind)
#785473
Achromatopsia (no color)
#5C5C5C
Design tokens & code
CSS
--color: #8137b7; /* rgb */ color: rgb(129, 55, 183); /* oklch */ color: oklch(50.0% 0.194 307.2);
Tailwind
colors: {
custom: {
50: '#aa74cd',
500: '#8137b7',
950: '#000000',
},
}SCSS
$custom: #8137b7; $custom-light: #aa74cd; $custom-dark: #000000;
JSON
{
"hex": "#8137b7",
"rgb": {
"r": 129,
"g": 55,
"b": 183
},
"hsl": {
"h": 274.688,
"s": 53.782,
"l": 46.667
},
"oklch": {
"l": 0.50033,
"c": 0.19444,
"h": 307.2
},
"luminance": 0.10818
}Semantic roles & 50–950 ramp
primary
#8137B7
secondary
#A0C783
accent
#DD4B88
background
#FAF7FC
surface
#F4EDF9
border
#CEC8D2
text
#100914
muted
#7F7B82