#ECCD00 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #eccd00 graphic
This bright, warm yellow commands attention in any palette. Because of its high saturation, use #eccd00 as a small 10% accent or call to action button rather than a full background. It provides excellent accessibility, creating a 13.3:1 contrast ratio with black text. This hex code works best when paired with dark charcoal to temper its intensity and add professional weight to your design.

Questions about #eccd00

What is #eccd00 in RGB, HSL and CMYK?
In RGB, #eccd00 is rgb(236, 205, 0), in HSL hsl(52, 100%, 46%) and in CMYK 0%, 13%, 100%, 7%.
How should I use #eccd00 in a UI design?
#eccd00 is a high-saturation yellow that commands attention, so it serves best as a purposeful accent rather than a background. Use it for call-to-action buttons or highlights paired with charcoal to maintain visual balance and accessibility.
Is #eccd00 readable on white or black?
#eccd00 has a 1.57:1 contrast ratio on white and 13.29:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.