#ECDE18 Color

#ECDE18 is rgb(236, 222, 24) in RGB and hsl(56, 85%, 51%) in HSL. The closest CSS named color is Gold. Black text is most readable on this background.

#ECDE18

HEX#ECDE18

RGBrgb(236, 222, 24)

HSLhsl(56, 85%, 51%)

HSVhsv(56, 90%, 93%)

OKLCHoklch(88.4% 0.184 104.8)

CMYKcmyk(0%, 6%, 90%, 7%)

Text Contrast & Accessibility

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

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

TextBlack text15.03:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#ECDE18 Complementary#1826EC Analogous#EC7418 Analogous#90EC18 Triadic#18ECDE Triadic#DE18EC

Tints & Shades

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

Tints

#EFE339 #F1E755 #F4EC76 #F7F097 #F9F5B8 #FCF9D5

Shades

#D0C311 #B3A80F #92890C #716A09 #504B07 #343104

Use #ECDE18 in Our Tools

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