#FFDA99 Hex Color

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

Hex color #ffda99 graphic
This pale, warm yellow carries a distinct softness without feeling washed out. Because it is highly legible with dark text, #ffda99 works well as a background for UI elements where you need readability and a cheerful, youthful tone. Use it as a dominant shade in springtime palettes or pair it with slate gray for a balanced, modern look. The hex code for this glowing color is #ffda99.

Questions about #ffda99

What is #ffda99 in RGB, HSL and CMYK?
In RGB, #ffda99 is rgb(255, 218, 153), in HSL hsl(38, 100%, 80%) and in CMYK 0%, 15%, 40%, 0%.
What colors pair well with #ffda99 for a balanced design?
#ffda99 works beautifully when grounded by deep, neutral tones like charcoal or slate gray, which provide the necessary contrast for readability. You can also pair it with soft sage green for a natural, springtime aesthetic that feels cohesive and modern.
Is #ffda99 suitable for large blocks of text?
While #ffda99 is highly legible for UI elements and headers, it is too light to serve as a primary background for dense, small body text. Always ensure you layer it with dark, high-contrast typography to maintain proper accessibility standards for your readers.
Is #ffda99 readable on white or black?
#ffda99 has a 1.33:1 contrast ratio on white and 15.74: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.