#DDE297 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated yellow has a distinct chartreuse undertone that keeps it from feeling generic. Because #dde297 is high in lightness, it provides excellent contrast for black text, making it a functional choice for readable UI backgrounds. Use it sparingly, as its muted, bleached quality can quickly overpower a layout when used as a dominant base color. It pairs best with deep charcoal or slate greys.
Questions about #dde297
What is #dde297 in RGB, HSL and CMYK?
In RGB, #dde297 is rgb(221, 226, 151), in HSL hsl(64, 56%, 74%) and in CMYK 2%, 0%, 33%, 11%.
What colors pair best with #dde297?
#dde297 works effectively when paired with high-contrast, dark neutral tones like charcoal or deep slate greys. Using these dark shades provides a solid, professional anchor that prevents the lightness of #dde297 from washing out your overall design layout.
Is #dde297 readable on white or black?
#dde297 has a 1.36:1 contrast ratio on white and 15.39: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.