#F5D49B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, mellow yellow carries a warm, unsaturated glow that feels approachable rather than overwhelming. Because the hex code #f5d49b offers high contrast for black text, it works well as a background for clean, readable UI. Pair it with soft charcoal or deep slate grays to keep the look grounded. It often appears washed out against bright white, so use it alongside richer tones.
Questions about #f5d49b
What is #f5d49b in RGB, HSL and CMYK?
In RGB, #f5d49b is rgb(245, 212, 155), in HSL hsl(38, 82%, 78%) and in CMYK 0%, 13%, 37%, 4%.
Is #f5d49b suitable for UI backgrounds?
Because #f5d49b is a light, unsaturated yellow, it provides excellent contrast against dark text, making it a reliable choice for UI backgrounds. It effectively avoids the harshness of pure white while maintaining high readability for long-form content.
What colors complement #f5d49b in a design palette?
To keep the palette grounded, pair #f5d49b with strong, neutral anchors like deep charcoal or slate gray. These darker tones provide the necessary weight to prevent the mellow yellow from looking washed out or overly pale in your final composition.
Is #f5d49b readable on white or black?
#f5d49b has a 1.42:1 contrast ratio on white and 14.77: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.