#C20C71

Color Details

HEX
#C20C71
RGB
rgb(194, 12, 113)
HSL
hsl(327, 88%, 40%)
CMYK
cmyk(0%, 94%, 42%, 24%)
Best text on this color #FFFFFF (CR 5.86:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c20c71
Contrast 3.58:1 Fail
White on #c20c71
Contrast 5.86:1 AA
#c20c71 on Black
Contrast 3.58:1 Fail
#c20c71 on White
Contrast 5.86:1 AA

Tints & Shades

#ce3d8d
#da6daa
#e79ec6
#9b0a5a
#740744
#4e052d

Complement & Analogous

#0cc05d
#c00c15
#b70cc0

Triadic

#6fc00c
#0c6fc0

Monochrome

#4e052d #740744 #c20c71 #da6daa #e79ec6 #f3cee3

Analogous

#b70cc0 #cd55d3 #c20c71 #cd3d44 #c00c15 #9a0a11

Complementary Mix

#740744 #c20c71 #da6daa #0cc05d #61d696 #087d3c

Nearby Colors

#c20c70
#c20c72
#c20c61
#c20c81

Embed #C20C71 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #C20C71

#C20C71 converts to RGB(194, 12, 113) and HSL(327, 88%, 40%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#C20C71 FAQs

What is the RGB value of #C20C71?
RGB: 194, 12, 113. Copy as CSS: rgb(194, 12, 113)
Is #C20C71 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C20C71?
Complement: #0cc05d.
Does #C20C71 have good contrast on white or black?
On white: 5.86:1 (AA (normal text)). On black: 3.58:1 (AA (large text)).