#5B134B#5B134B
#5B134B is a dark, vivid pink. Relative luminance 0.032; OKLCH L 33.4% C 0.122 H 338.5°. Best body text is #FFFFFF at 12.81:1 contrast (WCAG AA passes).
Color values
| HEX | #5B134B |
|---|---|
| RGB | rgb(91, 19, 75) |
| HSL | hsl(313, 65%, 22%) |
| HSV | hsv(313, 79%, 36%) |
| CMYK | cmyk(0%, 79.1%, 17.6%, 64.3%) |
| CIE-LAB | lab(20.82, 38.33, -16.51) |
| CIE-LCH | lch(20.82, 41.73, 336.70°) |
| OKLab | oklab(33.36% 0.1136 -0.0447) |
| OKLCH | oklch(33.36% 0.122 338.5) |
| XYZ | xyz(5.8174, 3.1984, 6.9662) |
| Luminance | 0.0320 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
Closest named colors
Grape Purple
#5D1451
ΔE00 1.43
Plum (survey)
#580F41
ΔE00 2.44
Rich Purple
#720058
ΔE00 4.82
Deep Violet
#490648
ΔE00 4.91
Plum Purple
#4E0550
ΔE00 5.18
Velvet
#750851
ΔE00 5.45
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#5B134B #135B23
analogous
#47135B #5B134B #5B1327
triadic
#5B134B #4B5B13 #134B5B
tetradic
#5B134B #5B4713 #135B23 #13275B
square
#5B134B #5B4713 #135B23 #13275B
split-complementary
#5B134B #275B13 #135B47
monochromatic
#190515 #280821 #5B134B #8E1E75 #C0289E
Accessibility & contrast
On white
12.81
#5B134B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.64
#5B134B on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #5B134B
12.81:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##5B134B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5B134B | 1.00 | 12.81 | 1.64 | 12.81 |
| #FFFFFF | 12.81 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.64 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.81 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#172B4D
Deuteranopia (green-blind)
#2F3649
Tritanopia (blue-blind)
#61162D
Achromatopsia (no color)
#323232
Design tokens & code
CSS
--color: #5b134b; /* rgb */ color: rgb(91, 19, 75); /* oklch */ color: oklch(33.4% 0.122 338.5);
Tailwind
colors: {
custom: {
50: '#8c597d',
500: '#5b134b',
950: '#000000',
},
}SCSS
$custom: #5b134b; $custom-light: #8c597d; $custom-dark: #000000;
JSON
{
"hex": "#5b134b",
"rgb": {
"r": 91,
"g": 19,
"b": 75
},
"hsl": {
"h": 313.333,
"s": 65.455,
"l": 21.569
},
"oklch": {
"l": 0.3336,
"c": 0.12213,
"h": 338.5
},
"luminance": 0.03198
}Semantic roles & 50–950 ramp
primary
#5B134B
secondary
#37934B
accent
#E8653F
background
#F8F5F7
surface
#F0E9EE
border
#CBC5C9
text
#0C0409
muted
#7D797B