#732142#732142
#732142 is a dark, moderate pink. Relative luminance 0.051; OKLCH L 38.7% C 0.119 H 359.6°. Best body text is #FFFFFF at 10.37:1 contrast (WCAG AA passes).
Color values
| HEX | #732142 |
|---|---|
| RGB | rgb(115, 33, 66) |
| HSL | hsl(336, 55%, 29%) |
| HSV | hsv(336, 71%, 45%) |
| CMYK | cmyk(0%, 71.3%, 42.6%, 54.9%) |
| CIE-LAB | lab(27.09, 38.70, -0.47) |
| CIE-LCH | lch(27.09, 38.71, 359.30°) |
| OKLab | oklab(38.7% 0.1185 -0.0008) |
| OKLCH | oklch(38.7% 0.119 359.6) |
| XYZ | xyz(8.5980, 5.1269, 5.6900) |
| Luminance | 0.0513 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Merlot
#730039
ΔE00 3.96
Wine (survey)
#80013F
ΔE00 4.10
Red Purple
#820747
ΔE00 4.17
Mulberry
#920A4E
ΔE00 6.25
Reddish Purple
#910951
ΔE00 6.36
Velvet
#750851
ΔE00 6.95
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#732142 #217352
analogous
#73216B #732142 #732921
triadic
#732142 #427321 #214273
tetradic
#732142 #6B7321 #217352 #292173
square
#732142 #6B7321 #217352 #292173
split-complementary
#732142 #217329 #216B73
monochromatic
#18070E #431327 #732142 #A32F5D #CA457A
Accessibility & contrast
On white
10.37
#732142 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.03
#732142 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #732142
10.37:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##732142 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##732142 | 1.00 | 10.37 | 2.03 | 10.37 |
| #FFFFFF | 10.37 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.03 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.37 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#313643
Deuteranopia (green-blind)
#474640
Tritanopia (blue-blind)
#7D172F
Achromatopsia (no color)
#404040
Design tokens & code
CSS
--color: #732142; /* rgb */ color: rgb(115, 33, 66); /* oklch */ color: oklch(38.7% 0.119 359.6);
Tailwind
colors: {
custom: {
50: '#9f6376',
500: '#732142',
950: '#000000',
},
}SCSS
$custom: #732142; $custom-light: #9f6376; $custom-dark: #000000;
JSON
{
"hex": "#732142",
"rgb": {
"r": 115,
"g": 33,
"b": 66
},
"hsl": {
"h": 335.854,
"s": 55.405,
"l": 29.02
},
"oklch": {
"l": 0.38698,
"c": 0.11853,
"h": 359.6
},
"luminance": 0.05126
}Semantic roles & 50–950 ramp
primary
#732142
secondary
#49A681
accent
#DFA349
background
#FAF6F7
surface
#F4EBED
border
#CEC6C8
text
#0F0508
muted
#7F7A7B