#E6CC49 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#e6cc49 is a warm, mellow yellow with a bright, glowing edge. Its high saturation makes it a natural accent for sale banners, budget pricing, and construction signage. Black text reads clearly on top at roughly 13.1:1 contrast, so it holds up behind small body text too. Pair it with charcoal or deep navy to keep the energy in check.
Questions about #e6cc49
What is #e6cc49 in RGB, HSL and CMYK?
In RGB, #e6cc49 is rgb(230, 204, 73), in HSL hsl(50, 76%, 59%) and in CMYK 0%, 11%, 68%, 10%.
What colors pair well with #e6cc49?
Deep navy and charcoal make #e6cc49 look richer than beige or gray ever will. For a warmer mix, try terracotta or olive. Avoid pale pastels, they wash this yellow out.
Is black or white text easier to read on #e6cc49?
Black text. #e6cc49 reaches about 13.1:1 contrast with black, well past the WCAG AA 4.5:1 minimum, while white text falls far short. That makes it safe behind small body text.
How should #e6cc49 be used in a design?
Use #e6cc49 as a small accent rather than a full background. It works well on badges, buttons, and warning signage, where an energetic yellow earns attention. Large flat areas can feel loud.
Is #e6cc49 readable on white or black?
#e6cc49 has a 1.60:1 contrast ratio on white and 13.09: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.