#C52973#C52973
#C52973 is a mid, vivid pink. Relative luminance 0.147; OKLCH L 55.4% C 0.199 H 357.6°. Best body text is #FFFFFF at 5.33:1 contrast (WCAG AA passes).
Color values
| HEX | #C52973 |
|---|---|
| RGB | rgb(197, 41, 115) |
| HSL | hsl(332, 66%, 47%) |
| HSV | hsv(332, 79%, 77%) |
| CMYK | cmyk(0%, 79.2%, 41.6%, 22.7%) |
| CIE-LAB | lab(45.22, 64.47, -3.47) |
| CIE-LCH | lch(45.22, 64.57, 356.92°) |
| OKLab | oklab(55.39% 0.1984 -0.0083) |
| OKLCH | oklch(55.39% 0.199 357.6) |
| XYZ | xyz(26.9154, 14.6975, 17.6359) |
| Luminance | 0.1469 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Magenta (survey)
#C20078
ΔE00 4.08
Deep Pink
#CB0162
ΔE00 4.20
Mediumvioletred
#C71585
ΔE00 4.80
Dark Hot Pink
#D90166
ΔE00 5.20
Dark Pink
#CB416B
ΔE00 6.34
Cerise
#DE0C62
ΔE00 7.14
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#C52973 #29C57B
analogous
#C529C1 #C52973 #C52D29
triadic
#C52973 #73C529 #2973C5
tetradic
#C52973 #C1C529 #29C57B #2D29C5
square
#C52973 #C1C529 #29C57B #2D29C5
split-complementary
#C52973 #29C52D #29C1C5
monochromatic
#601438 #921E55 #C52973 #DB5192 #E583B2
Accessibility & contrast
On white
5.33
#C52973 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.94
#C52973 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #C52973
5.33:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##C52973 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##C52973 | 1.00 | 5.33 | 3.94 | 5.33 |
| #FFFFFF | 5.33 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.94 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.33 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#4D5875
Deuteranopia (green-blind)
#77756F
Tritanopia (blue-blind)
#D5074B
Achromatopsia (no color)
#6B6B6B
Design tokens & code
CSS
--color: #c52973; /* rgb */ color: rgb(197, 41, 115); /* oklch */ color: oklch(55.4% 0.199 357.6);
Tailwind
colors: {
custom: {
50: '#dc749b',
500: '#c52973',
950: '#000000',
},
}SCSS
$custom: #c52973; $custom-light: #dc749b; $custom-dark: #000000;
JSON
{
"hex": "#c52973",
"rgb": {
"r": 197,
"g": 41,
"b": 115
},
"hsl": {
"h": 331.538,
"s": 65.546,
"l": 46.667
},
"oklch": {
"l": 0.55388,
"c": 0.19852,
"h": 357.6
},
"luminance": 0.14694
}Semantic roles & 50–950 ramp
primary
#C52973
secondary
#7CCEA7
accent
#E8983F
background
#FEF7F9
surface
#FCEEF2
border
#D5C9CC
text
#16090E
muted
#847B7E