#C4213F Color

#C4213F is rgb(196, 33, 63) in RGB and hsl(349, 71%, 45%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#C4213F

HEX#C4213F

RGBrgb(196, 33, 63)

HSLhsl(349, 71%, 45%)

HSVhsv(349, 83%, 77%)

OKLCHoklch(53.3% 0.195 18.1)

CMYKcmyk(0%, 83%, 68%, 23%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #C4213F background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text5.77:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.64:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #C4213F based on color wheel relationships. Click any swatch for its full breakdown.

Base#C4213F Complementary#21C4A6 Analogous#C42191 Analogous#C45521 Triadic#3FC421 Triadic#213FC4

Tints & Shades

Lighter tints and darker shades of #C4213F, useful for hover states, backgrounds, and text variants.

Tints

#DC3251 #E1516B #E77389 #ED92A3 #F2B5C0 #F8D3DA

Shades

#AA1D37 #90182E #761426 #60101F #460C16 #2C070E

Use #C4213F in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex