#DED86F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, buttery yellow brings a soft and cheerful quality to digital interfaces. Its high lightness works well as a primary background, providing excellent contrast for black text. While it feels fresh and spring-like, use #ded86f sparingly in large blocks to avoid visual fatigue. It pairs beautifully with deep charcoal grays for a balanced, modern look. The hex code for this shade is #ded86f.
Questions about #ded86f
What is #ded86f in RGB, HSL and CMYK?
In RGB, #ded86f is rgb(222, 216, 111), in HSL hsl(57, 63%, 65%) and in CMYK 0%, 3%, 50%, 13%.
What colors pair best with #ded86f for a modern UI?
Is #ded86f suitable for large background blocks?
Using #ded86f as a full-page background can cause eye fatigue due to its high lightness and yellow saturation. It works far better as a selective accent color, a soft UI card highlight, or a cheerful button fill to maintain visual comfort.
Is #ded86f readable on white or black?
#ded86f has a 1.48:1 contrast ratio on white and 14.15: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.