#C5162A Color

#C5162A is rgb(197, 22, 42) in RGB and hsl(353, 80%, 43%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C5162A

HEX#C5162A

RGBrgb(197, 22, 42)

HSLhsl(353, 80%, 43%)

HSVhsv(353, 89%, 77%)

OKLCHoklch(52.6% 0.203 23.7)

CMYKcmyk(0%, 89%, 79%, 23%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C5162A Complementary#16C5B1 Analogous#C51682 Analogous#C55916 Triadic#2AC516 Triadic#162AC5

Tints & Shades

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

Tints

#E61E35 #EA4356 #EE6877 #F28894 #F6ACB5 #FAD1D6

Shades

#AA1324 #931020 #770D1A #600B15 #45080F #2E050A

Use #C5162A in Our Tools

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