#E2831D Color

#E2831D is rgb(226, 131, 29) in RGB and hsl(31, 77%, 50%) in HSL. The closest CSS named color is Chocolate. Black text is most readable on this background.

#E2831D

HEX#E2831D

RGBrgb(226, 131, 29)

HSLhsl(31, 77%, 50%)

HSVhsv(31, 87%, 89%)

OKLCHoklch(69.9% 0.155 60.2)

CMYKcmyk(0%, 42%, 87%, 11%)

Text Contrast & Accessibility

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

TextWhite text2.8:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.5:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#E2831D Complementary#1D7CE2 Analogous#E2211D Analogous#DEE21D Triadic#1DE283 Triadic#831DE2

Tints & Shades

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

Tints

#E6943D #EAA65D #EEB77C #F2C697 #F6D7B7 #FAE9D6

Shades

#C27019 #A76116 #874E12 #6C3F0E #4D2C0A #321D06

Use #E2831D in Our Tools

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