#FFFF9D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ffff9d is a luminous, pale butter yellow that feels fresh and sunny. As a high-key shade, it provides excellent contrast for dark typography, making it readable for UI applications. Designers should use this as a supporting accent rather than a full page background to avoid a washed out appearance. The hex code is #ffff9d. Pair it with soft charcoal grays for a balanced, modern look.
Questions about #ffff9d
What is #ffff9d in RGB, HSL and CMYK?
In RGB, #ffff9d is rgb(255, 255, 157), in HSL hsl(60, 100%, 81%) and in CMYK 0%, 0%, 38%, 0%.
What colors pair best with #ffff9d?
Soft charcoal grays or deep navies provide the best balance for #ffff9d because they ground its high-energy brightness. The dark contrast keeps the yellow from looking washed out while creating a modern, clean, and professional visual hierarchy in UI design.
Is #ffff9d suitable for background use in UI design?
Using #ffff9d as a full-page background often creates eye strain and low contrast for standard text. It works much more effectively as a subtle highlight, a button hover state, or a small graphic accent rather than as a primary page color.
Is #ffff9d readable on white or black?
#ffff9d has a 1.04:1 contrast ratio on white and 20.04: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.