#C60C3D

Color Details

HEX
#C60C3D
RGB
rgb(198, 12, 61)
HSL
hsl(344, 89%, 41%)
CMYK
cmyk(0%, 94%, 69%, 22%)
Best text on this color #FFFFFF (CR 5.96:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c60c3d
Contrast 3.52:1 Fail
White on #c60c3d
Contrast 5.96:1 AA
#c60c3d on Black
Contrast 3.52:1 Fail
#c60c3d on White
Contrast 5.96:1 AA

Tints & Shades

#d13d64
#dd6d8b
#e89eb1
#9e0a31
#770725
#4f0518

Complement & Analogous

#0cc694
#c6370c
#c60c9a

Triadic

#3dc60c
#0c3dc6

Monochrome

#4f0518 #770725 #c60c3d #dd6d8b #e89eb1 #f4ced8

Analogous

#c60c9a #d755b8 #c60c3d #d15f3d #c6370c #9e2c0a

Complementary Mix

#770725 #c60c3d #dd6d8b #0cc694 #61dab9 #088160

Nearby Colors

#c60c3c
#c60c3e
#c60c2d
#c60c4d

Embed #C60C3D swatch

Embed this swatch

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

Open image

About #C60C3D

#C60C3D converts to RGB(198, 12, 61) and HSL(344, 89%, 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).

#C60C3D FAQs

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