#601152#601152
#601152 is a dark, vivid pink. Relative luminance 0.035; OKLCH L 34.5% C 0.133 H 336.5°. Best body text is #FFFFFF at 12.36:1 contrast (WCAG AA passes).
Color values
| HEX | #601152 |
|---|---|
| RGB | rgb(96, 17, 82) |
| HSL | hsl(311, 70%, 22%) |
| HSV | hsv(311, 82%, 38%) |
| CMYK | cmyk(0%, 82.3%, 14.6%, 62.4%) |
| CIE-LAB | lab(21.94, 41.45, -19.43) |
| CIE-LCH | lch(21.94, 45.78, 334.88°) |
| OKLab | oklab(34.47% 0.122 -0.053) |
| OKLCH | oklch(34.47% 0.133 336.5) |
| XYZ | xyz(6.5474, 3.4975, 8.3113) |
| Luminance | 0.0350 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
Closest named colors
Grape Purple
#5D1451
ΔE00 0.74
Rich Purple
#720058
ΔE00 3.66
Plum (survey)
#580F41
ΔE00 4.02
Plum Purple
#4E0550
ΔE00 4.79
Velvet
#750851
ΔE00 5.08
Deep Violet
#490648
ΔE00 5.11
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#601152 #11601F
analogous
#471160 #601152 #60112B
triadic
#601152 #526011 #115260
tetradic
#601152 #604711 #11601F #112B60
square
#601152 #604711 #11601F #112B60
split-complementary
#601152 #2B6011 #116047
monochromatic
#1A0516 #2C0826 #601152 #941A7E #C823AB
Accessibility & contrast
On white
12.36
#601152 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.70
#601152 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #601152
12.36:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##601152 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##601152 | 1.00 | 12.36 | 1.70 | 12.36 |
| #FFFFFF | 12.36 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.70 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.36 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#132D54
Deuteranopia (green-blind)
#2F3950
Tritanopia (blue-blind)
#651730
Achromatopsia (no color)
#353535
Design tokens & code
CSS
--color: #601152; /* rgb */ color: rgb(96, 17, 82); /* oklch */ color: oklch(34.5% 0.133 336.5);
Tailwind
colors: {
custom: {
50: '#905983',
500: '#601152',
950: '#000000',
},
}SCSS
$custom: #601152; $custom-light: #905983; $custom-dark: #000000;
JSON
{
"hex": "#601152",
"rgb": {
"r": 96,
"g": 17,
"b": 82
},
"hsl": {
"h": 310.633,
"s": 69.912,
"l": 22.157
},
"oklch": {
"l": 0.34469,
"c": 0.13296,
"h": 336.5
},
"luminance": 0.03497
}Semantic roles & 50–950 ramp
primary
#601152
secondary
#349946
accent
#ED5B3B
background
#F9F5F8
surface
#F1E9EF
border
#CBC5CA
text
#0D040A
muted
#7E797C