Vanilla (F7EFC9) — Shades, Harmonies, Palettes, CSS Code

"Vanilla"

Pastel · Summer

🧠 Psychology

Bright color that captures attention. Symbolizes optimism, clarity and intellect.

✨ Uses

Warnings, lighting, youth fashion, accessories.

Tip

Vanilla pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #F7EFC9

RGB rgb(247, 239, 201)

HSL hsl(50°, 74%, 88%)

CMYK C:0% M:3% Y:19% K:3%

Luminance 0.8612

WCAG Accessibility

On white 1.16:1

Aa — #F7EFC9

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 18.14:1

Aa — #F7EFC9

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F7EFC9 #CAD1F7

Analogous

#F7D9CA #F7EFC9 #E8F7CA

Triadic

#F7EFC9 #CAF7EF #EFCAF7

Split-comp.

#F7EFC9 #CAE8F7 #D9CAF7

Tetradic

#F7EFC9 #CAF7D9 #CAD1F7 #F7CAE8

Monochromatic

#C9AF2C #E2D079 #F4EDCD #FDFCF7 #FFFFFF

Suggested palettes for this hue.

Blue Serenity View all →

Orange Energy View all →

Tokyo Neon View all →