#FFFFB4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, pale yellow is highly unsaturated, creating a mellow and warm effect without overwhelming the eye. Because #ffffb4 is extremely light, it serves best as a soft background or a supporting accent rather than a dominant primary. Pair this hex code with dark charcoal or deep navy text for high readability and a clean, modern aesthetic.
Questions about #ffffb4
What is #ffffb4 in RGB, HSL and CMYK?
In RGB, #ffffb4 is rgb(255, 255, 180), in HSL hsl(60, 100%, 85%) and in CMYK 0%, 0%, 29%, 0%. Browse more shades of yellow with names and hex codes.
What colors pair well with #ffffb4 for UI design?
Because #ffffb4 is such a light, unsaturated yellow, it requires strong, high-contrast text for accessibility. Pair this hex color with deep navy or dark charcoal to ensure text remains readable against the luminous, creamy background.
Is #ffffb4 suitable for primary brand elements?
This shade acts primarily as a supporting accent or soft background rather than a dominant primary color. It is ideal for creating a calm, mellow atmosphere in web interfaces where you want a warm aesthetic without overwhelming the viewer's eye.
Is #ffffb4 readable on white or black?
#ffffb4 has a 1.03:1 contrast ratio on white and 20.21: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.