#E5CF85 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel yellow carries a desaturated, mellow warmth that feels approachable and light. Because of its high lightness, #e5cf85 works best as a supporting tone or background rather than a main header color. It maintains excellent contrast with black text, making it a functional choice for web interfaces. Pair it with deep charcoals or slate blues to anchor its soft, sunny character without making the layout look washed out.
Questions about #e5cf85
What is #e5cf85 in RGB, HSL and CMYK?
In RGB, #e5cf85 is rgb(229, 207, 133), in HSL hsl(46, 65%, 71%) and in CMYK 0%, 10%, 42%, 10%.
What colors pair best with #e5cf85 for a balanced design?
Because #e5cf85 is a soft, desaturated yellow, it grounds well against deep neutrals like charcoal or slate blue. These high-contrast pairings anchor the lightness of the yellow, ensuring your layout feels intentional rather than washed out or weak.
Is #e5cf85 suitable for text-heavy web interfaces?
#e5cf85 functions best as a background color or decorative accent rather than a primary text color. It provides good contrast against black or very dark text, but it lacks the saturation required to remain readable as small body copy.
Is #e5cf85 readable on white or black?
#e5cf85 has a 1.54:1 contrast ratio on white and 13.59: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.