#EDD45A Color

#EDD45A is rgb(237, 212, 90) in RGB and hsl(50, 80%, 64%) in HSL. The closest CSS named color is SandyBrown. Black text is most readable on this background.

#EDD45A

HEX#EDD45A

RGBrgb(237, 212, 90)

HSLhsl(50, 80%, 64%)

HSVhsv(50, 62%, 93%)

OKLCHoklch(86.8% 0.143 97.7)

CMYKcmyk(0%, 11%, 62%, 7%)

Text Contrast & Accessibility

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

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

TextBlack text14.17:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#EDD45A Complementary#5A72ED Analogous#ED8B5A Analogous#BCED5A Triadic#5AEDD4 Triadic#D45AED

Tints & Shades

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

Tints

#EFDA71 #F2E088 #F4E69F #F6EBB1 #F9F1C8 #FBF7DF

Shades

#E8C930 #D8B818 #AE9513 #8A750F #60520B #3C3307

Use #EDD45A in Our Tools

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