#ED7321 Color

#ED7321 is rgb(237, 115, 33) in RGB and hsl(24, 85%, 53%) in HSL. The closest CSS named color is Chocolate. Black text is most readable on this background.

#ED7321

HEX#ED7321

RGBrgb(237, 115, 33)

HSLhsl(24, 85%, 53%)

HSVhsv(24, 86%, 93%)

OKLCHoklch(68.8% 0.173 48.6)

CMYKcmyk(0%, 51%, 86%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#ED7321 Complementary#219CED Analogous#ED2136 Analogous#EDD921 Triadic#21ED73 Triadic#7321ED

Tints & Shades

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

Tints

#EF853E #F29A5F #F4AB7B #F7C09C #F9D2B8 #FCE7D9

Shades

#D96112 #B8530F #97440C #76350A #552607 #341704

Use #ED7321 in Our Tools

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