Maroon Colors  ·  Color Library

Palettes / Colors / #C70039

#C70039 — Vivid Pink

#C70039 is a pink color we call Vivid Pink, closest to the named color Crimson (#DC143C). It belongs to the pink family.

#C70039 is a warm-leaning pink color associated with playfulness, romance and softness. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #00C78F; it also sits naturally between #C7009C and #C72B00. In the palettes below you can see it working alongside real color combinations from our collection.

#C70039 · RGB 199, 0, 57

Download PNG swatch SVG

Color values

HEX#C70039
RGB199, 0, 57
HSL343°, 100%, 39%
HSV343°, 100%, 78%
CMYK0%, 100%, 71%, 22%
XYZ24.29, 12.44, 4.99
Yxy12.44, 0.5822, 0.2981
CIE-Lab41.90, 67.72, 28.26
Hunter Lab35.27, 64.12, 14.93

RGB & CMYK percentages

Red 78% · Green 0% · Blue 22%

Cyan 0% · Magenta 100% · Yellow 71% · Key 22%

Previews

Sample text in #C70039 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #C70039 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #C70039

.text { color: #C70039; }
.background { background-color: #C70039; }
.border { border: 3px solid #C70039; }
.text-rgb { color: rgb(199, 0, 57); }
.text-hsl { color: hsl(343, 100%, 39%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #C70039; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(199, 0, 57, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #C70039; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(199, 0, 57, 0.8); }

HTML: <p style="color:#C70039">Text here</p> · <div style="background-color:#C70039">Div content here</div>

Shades of #C70039

#B80034#A3002E#94002A#800024#700020#5C001A#4D0016#380010#29000C#140006

Tints of #C70039

#E60041#FF0048#FF1F5E#FF3D74#FF5C8A#FF759C#FF94B2#FFB3C8#FFCCDA#FFEBF0

Tones of #C70039

#B90E3E#AA1D45#9C2B4B#8E3951#804757#71565D

Color harmonies

Complementary — #00C78F:

Analogous:

Triadic:

Contrast & accessibility

Against white text6.02:1 AA
Against black text3.49:1 AA large only

Best text color on #C70039: #FFFFFF.

How #C70039 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #716F2BDeuteranopia · #7C8B28Tritanopia · #BD201E

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind rose 600 · #E11D48Tailwind red 600 · #DC2626Bootstrap danger · #DC3545

Palettes with #C70039

Palette 511845
#511845 · #900C3F · #C70039 · #FF5733
Palette 900c3f
#900C3F · #C70039 · #F94C10 · #F8DE22
Palette 900c3f
#900C3F · #C70039 · #FF5733 · #FFC300
Palette Fff5e0
#FFF5E0 · #FF6969 · #C70039 · #141E46
Palette Fff5e1
#FFF5E1 · #FF6969 · #C80036 · #0C1844
Palette Bf092f
#BF092F · #132440 · #16476A · #3B9797

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#C80036#BF092F#D80032#C7004C#DA0037#C51535#D31233#C1183F#BD114A#E00543#C9182B#BF124D

Browse neighbouring colors

← #C70038  ·  #C7003A →

Frequently asked questions

What color is #C70039?

#C70039 is Vivid Pink, a pink color (RGB 199, 0, 57). Its closest standard named color is Crimson.

What is the RGB and HSL of #C70039?

#C70039 is RGB 199, 0, 57 — HSL 343°, 100%, 39% — CMYK 0%, 100%, 71%, 22%.

What colors go with #C70039?

Its complement is #00C78F; analogous partners are #C7009C and #C72B00. It also appears in 6+ palettes in our collection.

Can I use #C70039 for text?

White text on #C70039 has a contrast ratio of 6.02:1 (passes WCAG AA); black text gives 3.49:1.