#C5681B Color

#C5681B is rgb(197, 104, 27) in RGB and hsl(27, 76%, 44%) in HSL. The closest CSS named color is Chocolate. Black text is most readable on this background.

#C5681B

HEX#C5681B

RGBrgb(197, 104, 27)

HSLhsl(27, 76%, 44%)

HSVhsv(27, 86%, 77%)

OKLCHoklch(61.4% 0.144 53.8)

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

Text Contrast & Accessibility

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

TextWhite text3.91:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.37:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#C5681B Complementary#1B79C5 Analogous#C51B23 Analogous#C5BD1B Triadic#1BC568 Triadic#681BC5

Tints & Shades

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

Tints

#E27B28 #E68F47 #EBA46B #F0BA8F #F5D0B3 #F9E4D2

Shades

#AB5A17 #944E14 #794011 #5E310D #432309 #2D1806

Use #C5681B in Our Tools

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