#E2B450 Color

#E2B450 is rgb(226, 180, 80) in RGB and hsl(41, 72%, 60%) in HSL. The closest CSS named color is SandyBrown. Black text is most readable on this background.

#E2B450

HEX#E2B450

RGBrgb(226, 180, 80)

HSLhsl(41, 72%, 60%)

HSVhsv(41, 65%, 89%)

OKLCHoklch(79.3% 0.128 84.2)

CMYKcmyk(0%, 20%, 65%, 11%)

Text Contrast & Accessibility

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

TextWhite text1.93:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text10.88:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#E2B450 Complementary#507EE2 Analogous#E26A50 Analogous#C8E250 Triadic#50E2B4 Triadic#B450E2

Tints & Shades

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

Tints

#E6BD65 #EAC980 #EED296 #F2DDB0 #F6E7C6 #FAF2E0

Shades

#DDA52C #C18E1F #9E741A #7B5A14 #58400E #352709

Use #E2B450 in Our Tools

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