#5E1539#5E1539
#5E1539 is a dark, moderate pink. Relative luminance 0.032; OKLCH L 33.2% C 0.111 H 354.8°. Best body text is #FFFFFF at 12.79:1 contrast (WCAG AA passes).
Color values
| HEX | #5E1539 |
|---|---|
| RGB | rgb(94, 21, 57) |
| HSL | hsl(330, 63%, 23%) |
| HSV | hsv(330, 78%, 37%) |
| CMYK | cmyk(0%, 77.7%, 39.4%, 63.1%) |
| CIE-LAB | lab(20.87, 35.89, -3.97) |
| CIE-LCH | lch(20.87, 36.11, 353.69°) |
| OKLab | oklab(33.24% 0.1101 -0.01) |
| OKLCH | oklch(33.24% 0.111 354.8) |
| XYZ | xyz(5.6231, 3.2121, 4.1940) |
| Luminance | 0.0321 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Plum (survey)
#580F41
ΔE00 4.52
Merlot
#730039
ΔE00 5.03
Velvet
#750851
ΔE00 6.71
Wine (survey)
#80013F
ΔE00 7.15
Red Purple
#820747
ΔE00 7.18
Burgundy (survey)
#610023
ΔE00 7.42
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#5E1539 #155E3A
analogous
#5E155D #5E1539 #5E1615
triadic
#5E1539 #395E15 #15395E
tetradic
#5E1539 #5D5E15 #155E3A #16155E
square
#5E1539 #5D5E15 #155E3A #16155E
split-complementary
#5E1539 #155E16 #155D5E
monochromatic
#19060F #2C0A1B #5E1539 #902057 #C22B76
Accessibility & contrast
On white
12.79
#5E1539 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.64
#5E1539 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #5E1539
12.79:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##5E1539 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5E1539 | 1.00 | 12.79 | 1.64 | 12.79 |
| #FFFFFF | 12.79 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.64 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.79 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#232A3A
Deuteranopia (green-blind)
#373737
Tritanopia (blue-blind)
#660E25
Achromatopsia (no color)
#323232
Design tokens & code
CSS
--color: #5e1539; /* rgb */ color: rgb(94, 21, 57); /* oklch */ color: oklch(33.2% 0.111 354.8);
Tailwind
colors: {
custom: {
50: '#8f5a6f',
500: '#5e1539',
950: '#000000',
},
}SCSS
$custom: #5e1539; $custom-light: #8f5a6f; $custom-dark: #000000;
JSON
{
"hex": "#5e1539",
"rgb": {
"r": 94,
"g": 21,
"b": 57
},
"hsl": {
"h": 330.411,
"s": 63.478,
"l": 22.549
},
"oklch": {
"l": 0.33243,
"c": 0.11051,
"h": 354.8
},
"luminance": 0.03211
}Semantic roles & 50–950 ramp
primary
#5E1539
secondary
#399568
accent
#E79541
background
#F9F5F6
surface
#F1E9EC
border
#CBC5C7
text
#0D0407
muted
#7E797A