#601430#601430
#601430 is a dark, moderate pink. Relative luminance 0.032; OKLCH L 33.2% C 0.110 H 3.3°. Best body text is #FFFFFF at 12.80:1 contrast (WCAG AA passes).
Color values
| HEX | #601430 |
|---|---|
| RGB | rgb(96, 20, 48) |
| HSL | hsl(338, 66%, 23%) |
| HSV | hsv(338, 79%, 38%) |
| CMYK | cmyk(0%, 79.2%, 50%, 62.4%) |
| CIE-LAB | lab(20.83, 35.89, 2.31) |
| CIE-LCH | lch(20.83, 35.97, 3.69°) |
| OKLab | oklab(33.19% 0.1099 0.0063) |
| OKLCH | oklch(33.19% 0.11 3.3) |
| XYZ | xyz(5.6080, 3.2013, 3.1183) |
| Luminance | 0.0320 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Burgundy (survey)
#610023
ΔE00 4.13
Merlot
#730039
ΔE00 4.54
Maroon (survey)
#650021
ΔE00 5.43
Wine (survey)
#80013F
ΔE00 6.60
Bordeaux
#7B002C
ΔE00 6.92
Red Purple
#820747
ΔE00 7.59
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#601430 #146044
analogous
#601456 #601430 #601E14
triadic
#601430 #306014 #143060
tetradic
#601430 #566014 #146044 #1E1460
square
#601430 #566014 #146044 #1E1460
split-complementary
#601430 #14601E #145660
monochromatic
#19050D #2D0917 #601430 #931F49 #C52963
Accessibility & contrast
On white
12.80
#601430 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.64
#601430 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #601430
12.80:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##601430 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##601430 | 1.00 | 12.80 | 1.64 | 12.80 |
| #FFFFFF | 12.80 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.64 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.80 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#262931
Deuteranopia (green-blind)
#3A372E
Tritanopia (blue-blind)
#690620
Achromatopsia (no color)
#323232
Design tokens & code
CSS
--color: #601430; /* rgb */ color: rgb(96, 20, 48); /* oklch */ color: oklch(33.2% 0.110 3.3);
Tailwind
colors: {
custom: {
50: '#915968',
500: '#601430',
950: '#000000',
},
}SCSS
$custom: #601430; $custom-light: #915968; $custom-dark: #000000;
JSON
{
"hex": "#601430",
"rgb": {
"r": 96,
"g": 20,
"b": 48
},
"hsl": {
"h": 337.895,
"s": 65.517,
"l": 22.745
},
"oklch": {
"l": 0.33186,
"c": 0.11009,
"h": 3.3
},
"luminance": 0.03201
}Semantic roles & 50–950 ramp
primary
#601430
secondary
#389874
accent
#E8AA3F
background
#F9F5F6
surface
#F2E9EB
border
#CCC5C6
text
#0D0406
muted
#7E797A