#C3220C

Color Details

HEX
#C3220C
RGB
rgb(195, 34, 12)
HSL
hsl(7, 88%, 41%)
CMYK
cmyk(0%, 83%, 94%, 24%)
Best text on this color #FFFFFF (CR 5.91:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c3220c
Contrast 3.55:1 Fail
White on #c3220c
Contrast 5.91:1 AA
#c3220c on Black
Contrast 3.55:1 Fail
#c3220c on White
Contrast 5.91:1 AA

Tints & Shades

#cf4e3d
#db7a6d
#e7a79e
#9c1b0a
#751407
#4e0e05

Complement & Analogous

#0dafc5
#c57e0d
#c50d53

Triadic

#0dc522
#220dc5

Monochrome

#4e0e05 #751407 #c3220c #db7a6d #e7a79e #f3d3ce

Analogous

#c50d53 #d65687 #c3220c #d1983d #c57e0d #9e650a

Complementary Mix

#751407 #c3220c #db7a6d #0dafc5 #62cbd9 #087280

Nearby Colors

#c3220b
#c3220d
#c321fc
#c3221c

Embed #C3220C swatch

Embed this swatch

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

Open image

About #C3220C

#C3220C converts to RGB(195, 34, 12) and HSL(7, 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).

#C3220C FAQs

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