#C42A0C

Color Details

HEX
#C42A0C
RGB
rgb(196, 42, 12)
HSL
hsl(10, 88%, 41%)
CMYK
cmyk(0%, 79%, 94%, 23%)
Best text on this color #FFFFFF (CR 5.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c42a0c
Contrast 3.68:1 Fail
White on #c42a0c
Contrast 5.70:1 AA
#c42a0c on Black
Contrast 3.68:1 Fail
#c42a0c on White
Contrast 5.70:1 AA

Tints & Shades

#d0553d
#dc7f6d
#e7aa9e
#9d220a
#761907
#4e1105

Complement & Analogous

#0da6c5
#c5870d
#c50d4a

Triadic

#0dc52b
#2b0dc5

Monochrome

#4e1105 #761907 #c42a0c #dc7f6d #e7aa9e #f3d4ce

Analogous

#c50d4a #d65680 #c42a0c #d19f3d #c5870d #9e6c0a

Complementary Mix

#761907 #c42a0c #dc7f6d #0da6c5 #62c5d9 #086c80

Nearby Colors

#c42a0b
#c42a0d
#c429fc
#c42a1c

Embed #C42A0C swatch

Embed this swatch

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

Open image

About #C42A0C

#C42A0C converts to RGB(196, 42, 12) and HSL(10, 88%, 41%). 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).

#C42A0C FAQs

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