#C5431B Color

#C5431B is rgb(197, 67, 27) in RGB and hsl(14, 76%, 44%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C5431B

HEX#C5431B

RGBrgb(197, 67, 27)

HSLhsl(14, 76%, 44%)

HSVhsv(14, 86%, 77%)

OKLCHoklch(56.2% 0.173 36.5)

CMYKcmyk(0%, 66%, 86%, 23%)

Text Contrast & Accessibility

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

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

TextBlack text4.19:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#C5431B Complementary#1B9EC5 Analogous#C51B48 Analogous#C5981B Triadic#1BC543 Triadic#431BC5

Tints & Shades

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

Tints

#E25328 #E66C47 #EB896B #F0A58F #F5C2B3 #F9DBD2

Shades

#AB3A17 #943214 #792911 #5E200D #431709 #2D0F06

Use #C5431B in Our Tools

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