#DE5912 Color

#DE5912 is rgb(222, 89, 18) in RGB and hsl(21, 85%, 47%) in HSL. The closest CSS named color is Chocolate. Black text is most readable on this background.

#DE5912

HEX#DE5912

RGBrgb(222, 89, 18)

HSLhsl(21, 85%, 47%)

HSVhsv(21, 92%, 87%)

OKLCHoklch(62.9% 0.181 42.5)

CMYKcmyk(0%, 60%, 92%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DE5912 Complementary#1296DE Analogous#DE1231 Analogous#DEBF12 Triadic#12DE59 Triadic#5912DE

Tints & Shades

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

Tints

#ED6C26 #F0854C #F39C6D #F6B28E #F8C9AF #FCE2D5

Shades

#C14E10 #A5420D #89370B #682A08 #4B1E06 #2F1304

Use #DE5912 in Our Tools

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