#FDDD79 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #fddd79 graphic
A light, pastel yellow, #fddd79 radiates a fresh and mellow energy. Because it is highly saturated, it works best as an accent color rather than a large-scale background, where it might overwhelm the viewer. Pair this hex code with dark navy or charcoal text to maximize legibility. It provides excellent contrast for black type, ensuring your designs remain readable and accessible.

Questions about #fddd79

What is #fddd79 in RGB, HSL and CMYK?
In RGB, #fddd79 is rgb(253, 221, 121), in HSL hsl(45, 97%, 73%) and in CMYK 0%, 13%, 52%, 1%.
What colors pair well with #fddd79 for text and design?
Because of its high saturation, #fddd79 pairs best with dark, grounding tones to maintain readability. Use dark navy or charcoal for text to ensure high contrast, or incorporate deep forest green to create a vibrant, nature-inspired palette that feels both balanced and modern.
Should #fddd79 be used as a primary background color?
It is generally better to use #fddd79 as an accent color rather than a large-scale background. Because it is highly saturated, it can easily overwhelm the eye, whereas using it for buttons, icons, or highlighting key areas allows it to provide fresh energy without sacrificing usability.
Is #fddd79 readable on white or black?
#fddd79 has a 1.32:1 contrast ratio on white and 15.79: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.