Vanilla

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

Vanilla color codes graphic
Vanilla is a pale, unsaturated yellow with strong beige undertones. Because it remains light and airy, it functions perfectly as a neutral background for baby products or spa branding. This color offers high contrast against black text, making it readable for UI design. Avoid placing it directly next to stark white, as it can look washed out. The hex code for vanilla is #f3e5ab.

Questions about Vanilla

What is the hex code for Vanilla?
Vanilla is #f3e5ab. In RGB that is rgb(243, 229, 171), in HSL hsl(48, 75%, 81%) and in CMYK 0%, 6%, 30%, 5%.
What colors pair well with Vanilla #f3e5ab?
Vanilla #f3e5ab pairs beautifully with deep charcoal for high-contrast readability in UI design or muted sage green to emphasize its natural, airy qualities. Avoid stark white as it can make this soft shade appear washed out or muddy.
Is Vanilla readable on white or black?
Vanilla has a 1.26:1 contrast ratio on white and 16.60: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.