#C4123C Color

#C4123C is rgb(196, 18, 60) in RGB and hsl(346, 83%, 42%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#C4123C

HEX#C4123C

RGBrgb(196, 18, 60)

HSLhsl(346, 83%, 42%)

HSVhsv(346, 91%, 77%)

OKLCHoklch(52.6% 0.203 17.6)

CMYKcmyk(0%, 91%, 69%, 23%)

Text Contrast & Accessibility

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

TextWhite text6:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#C4123C Complementary#12C49B Analogous#C41295 Analogous#C44212 Triadic#3CC412 Triadic#123CC4

Tints & Shades

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

Tints

#E91647 #ED3B64 #F06082 #F4869F #F7ABBD #FBD0DA

Shades

#AD1035 #910D2C #790B25 #5D091C #460715 #2A040D

Use #C4123C in Our Tools

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