#FFEE96 Hex Color

Soft luminous yellow with gentle warmth

Hex color #ffee96 graphic
This mellow, unsaturated yellow brings a soft luminosity to interface designs. Because of its light saturation, the hex code #ffee96 functions best as a background color or a subtle accent rather than a dominant primary hue. It pairs well with deep charcoal or slate gray text, which provides the high contrast needed for excellent readability. Use it for spring-themed branding or baby products where a gentle, positive tone is required.

Questions about #ffee96

What is #ffee96 in RGB, HSL and CMYK?
In RGB, #ffee96 is rgb(255, 238, 150), in HSL hsl(50, 100%, 79%) and in CMYK 0%, 7%, 41%, 0%.
What colors pair well with #ffee96 for UI design?
Because #ffee96 is very light, it requires strong, dark colors to maintain readability on screens. Pair this yellow with charcoal or deep slate text to ensure your content remains accessible while keeping the interface feeling soft and approachable.
Is #ffee96 suitable for use as a primary interface color?
This color is generally too unsaturated and pale to serve as a primary action color for buttons or headers. Instead, use #ffee96 as a background for cards or section dividers to create a gentle, warm, and inviting user experience.
Is #ffee96 readable on white or black?
#ffee96 has a 1.17:1 contrast ratio on white and 17.92: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.