#C12D3D

Color Details

HEX
#C12D3D
RGB
rgb(193, 45, 61)
HSL
hsl(354, 62%, 47%)
CMYK
cmyk(0%, 77%, 68%, 24%)
Best text on this color #FFFFFF (CR 5.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c12d3d
Contrast 3.71:1 Fail
White on #c12d3d
Contrast 5.66:1 AA
#c12d3d on Black
Contrast 3.71:1 Fail
#c12d3d on White
Contrast 5.66:1 AA

Tints & Shades

#cd5764
#da818b
#e6abb1
#9a2431
#741b25
#4d1218

Complement & Analogous

#2ec2b3
#c2692e
#c22e87

Triadic

#3cc22e
#2e3cc2

Monochrome

#4d1218 #741b25 #c12d3d #da818b #e6abb1 #f3d5d8

Analogous

#c22e87 #d46dab #c12d3d #ce8758 #c2692e #9b5425

Complementary Mix

#741b25 #c12d3d #da818b #2ec2b3 #77d7ce #1e7e74

Nearby Colors

#c12d3c
#c12d3e
#c12d2d
#c12d4d

Embed #C12D3D swatch

Embed this swatch

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

Open image

About #C12D3D

#C12D3D converts to RGB(193, 45, 61) and HSL(354, 62%, 47%). 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).

#C12D3D FAQs

What is the RGB value of #C12D3D?
RGB: 193, 45, 61. Copy as CSS: rgb(193, 45, 61)
Is #C12D3D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C12D3D?
Complement: #2ec2b3.
Does #C12D3D have good contrast on white or black?
On white: 5.66:1 (AA (normal text)). On black: 3.71:1 (AA (large text)).