#ECC16C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow yellow has a soft, glowing presence that works well for branding or UI backgrounds needing a friendly, approachable feel. Pair it with deep charcoal to maximize legibility, as black text reads clearly against this shade. The hex code is #ecc16c. While it can feel washed out near white, it holds its own as a supporting accent when placed near deeper pink tones.
Questions about #ecc16c
What is #ecc16c in RGB, HSL and CMYK?
In RGB, #ecc16c is rgb(236, 193, 108), in HSL hsl(40, 77%, 67%) and in CMYK 0%, 18%, 54%, 7%.
How do I use #ecc16c effectively in UI design?
Use #ecc16c as a supporting accent or background color to create a friendly, approachable atmosphere in your interface. Because it is a light hue, always pair it with deep charcoal text to ensure your content remains legible and accessible for all users.
What colors pair well with #ecc16c?
This mellow yellow holds its own when placed near deeper pink tones or navy blues, which provide a grounding contrast. These combinations balance the glowing nature of #ecc16c while adding a layer of visual interest to your overall color scheme.
Is #ecc16c readable on white or black?
#ecc16c has a 1.69:1 contrast ratio on white and 12.41: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.