#5E1339#5E1339
#5E1339 is a dark, moderate pink. Relative luminance 0.031; OKLCH L 33.0% C 0.113 H 354.4°. Best body text is #FFFFFF at 12.90:1 contrast (WCAG AA passes).
Color values
| HEX | #5E1339 |
|---|---|
| RGB | rgb(94, 19, 57) |
| HSL | hsl(330, 66%, 22%) |
| HSV | hsv(330, 80%, 37%) |
| CMYK | cmyk(0%, 79.8%, 39.4%, 63.1%) |
| CIE-LAB | lab(20.60, 36.65, -4.37) |
| CIE-LCH | lch(20.60, 36.91, 353.19°) |
| OKLab | oklab(33.04% 0.1125 -0.0111) |
| OKLCH | oklch(33.04% 0.113 354.4) |
| XYZ | xyz(5.5878, 3.1415, 4.1822) |
| Luminance | 0.0314 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Plum (survey)
#580F41
ΔE00 4.26
Merlot
#730039
ΔE00 4.99
Velvet
#750851
ΔE00 6.51
Red Purple
#820747
ΔE00 7.15
Wine (survey)
#80013F
ΔE00 7.16
Dark Plum
#3F012C
ΔE00 7.44
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#5E1339 #135E38
analogous
#5E135E #5E1339 #5E1313
triadic
#5E1339 #395E13 #13395E
tetradic
#5E1339 #5E5E13 #135E38 #13135E
square
#5E1339 #5E5E13 #135E38 #13135E
split-complementary
#5E1339 #135E13 #135E5E
monochromatic
#19050F #2B091A #5E1339 #911D58 #C42877
Accessibility & contrast
On white
12.90
#5E1339 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.63
#5E1339 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #5E1339
12.90:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##5E1339 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5E1339 | 1.00 | 12.90 | 1.63 | 12.90 |
| #FFFFFF | 12.90 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.63 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.90 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#21293A
Deuteranopia (green-blind)
#363737
Tritanopia (blue-blind)
#660B24
Achromatopsia (no color)
#323232
Design tokens & code
CSS
--color: #5e1339; /* rgb */ color: rgb(94, 19, 57); /* oklch */ color: oklch(33.0% 0.113 354.4);
Tailwind
colors: {
custom: {
50: '#8f596f',
500: '#5e1339',
950: '#000000',
},
}SCSS
$custom: #5e1339; $custom-light: #8f596f; $custom-dark: #000000;
JSON
{
"hex": "#5e1339",
"rgb": {
"r": 94,
"g": 19,
"b": 57
},
"hsl": {
"h": 329.6,
"s": 66.372,
"l": 22.157
},
"oklch": {
"l": 0.33044,
"c": 0.11302,
"h": 354.4
},
"luminance": 0.03141
}Semantic roles & 50–950 ramp
primary
#5E1339
secondary
#379666
accent
#E9933F
background
#F9F5F6
surface
#F1E9EC
border
#CBC5C7
text
#0D0407
muted
#7E797A