#C20C29

Color Details

HEX
#C20C29
RGB
rgb(194, 12, 41)
HSL
hsl(350, 88%, 40%)
CMYK
cmyk(0%, 94%, 79%, 24%)
Best text on this color #FFFFFF (CR 6.22:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c20c29
Contrast 3.38:1 Fail
White on #c20c29
Contrast 6.22:1 AA
#c20c29 on Black
Contrast 3.38:1 Fail
#c20c29 on White
Contrast 6.22:1 AA

Tints & Shades

#ce3d54
#da6d7f
#e79ea9
#9b0a21
#740719
#4e0510

Complement & Analogous

#0cc0a2
#c0480c
#c00c84

Triadic

#2ac00c
#0c2ac0

Monochrome

#4e0510 #740719 #c20c29 #da6d7f #e79ea9 #f3ced4

Analogous

#c00c84 #d355a9 #c20c29 #cd6d3d #c0480c #9a3a0a

Complementary Mix

#740719 #c20c29 #da6d7f #0cc0a2 #61d6c3 #087d69

Nearby Colors

#c20c28
#c20c2a
#c20c19
#c20c39

Embed #C20C29 swatch

Embed this swatch

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

Open image

About #C20C29

#C20C29 converts to RGB(194, 12, 41) and HSL(350, 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).

#C20C29 FAQs

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