#DF5126 Color

#DF5126 is rgb(223, 81, 38) in RGB and hsl(14, 74%, 51%) in HSL. The closest CSS named color is Chocolate. Black text is most readable on this background.

#DF5126

HEX#DF5126

RGBrgb(223, 81, 38)

HSLhsl(14, 74%, 51%)

HSVhsv(14, 83%, 87%)

OKLCHoklch(62.1% 0.186 36.6)

CMYKcmyk(0%, 64%, 83%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DF5126 Complementary#26B3DF Analogous#DF2657 Analogous#DFAD26 Triadic#26DF51 Triadic#5126DF

Tints & Shades

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

Tints

#E36A45 #E77F5F #EC987E #F0B19D #F5CABC #F9DFD7

Shades

#C3441D #A93B19 #8A3015 #6A2510 #4B1A0B #311107

Use #DF5126 in Our Tools

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