#511A5B#511A5B
#511A5B is a dark, vivid purple. Relative luminance 0.032; OKLCH L 33.4% C 0.121 H 321.1°. Best body text is #FFFFFF at 12.74:1 contrast (WCAG AA passes).
Color values
| HEX | #511A5B |
|---|---|
| RGB | rgb(81, 26, 91) |
| HSL | hsl(291, 56%, 23%) |
| HSV | hsv(291, 71%, 36%) |
| CMYK | cmyk(11%, 71.4%, 0%, 64.3%) |
| CIE-LAB | lab(20.99, 35.69, -27.12) |
| CIE-LCH | lch(20.99, 44.82, 322.77°) |
| OKLab | oklab(33.44% 0.094 -0.0757) |
| OKLCH | oklch(33.44% 0.121 321.1) |
| XYZ | xyz(5.6508, 3.2437, 10.2240) |
| Luminance | 0.0324 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Plum Purple
#4E0550
ΔE00 3.52
Deep Violet
#490648
ΔE00 4.49
Grape Purple
#5D1451
ΔE00 4.81
Eggplant Purple
#430541
ΔE00 5.75
Royal Purple (survey)
#4B006E
ΔE00 6.69
Dark Purple
#35063E
ΔE00 7.03
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#511A5B #245B1A
analogous
#301A5B #511A5B #5B1A44
triadic
#511A5B #5B511A #1A5B51
tetradic
#511A5B #5B301A #245B1A #1A445B
square
#511A5B #5B301A #245B1A #1A445B
split-complementary
#511A5B #445B1A #1A5B30
monochromatic
#150718 #270C2B #511A5B #7B288B #A635BA
Accessibility & contrast
On white
12.74
#511A5B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.65
#511A5B on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #511A5B
12.74:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##511A5B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##511A5B | 1.00 | 12.74 | 1.65 | 12.74 |
| #FFFFFF | 12.74 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.65 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.74 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#062F5D
Deuteranopia (green-blind)
#213459
Tritanopia (blue-blind)
#522538
Achromatopsia (no color)
#323232
Design tokens & code
CSS
--color: #511a5b; /* rgb */ color: rgb(81, 26, 91); /* oklch */ color: oklch(33.4% 0.121 321.1);
Tailwind
colors: {
custom: {
50: '#845c8a',
500: '#511a5b',
950: '#000000',
},
}SCSS
$custom: #511a5b; $custom-light: #845c8a; $custom-dark: #000000;
JSON
{
"hex": "#511a5b",
"rgb": {
"r": 81,
"g": 26,
"b": 91
},
"hsl": {
"h": 290.769,
"s": 55.556,
"l": 22.941
},
"oklch": {
"l": 0.33437,
"c": 0.12067,
"h": 321.1
},
"luminance": 0.03243
}Semantic roles & 50–950 ramp
primary
#511A5B
secondary
#4C9140
accent
#DF4960
background
#F8F5F8
surface
#EFE9F0
border
#CAC5CB
text
#0B040B
muted
#7C797C