Vanilla (FDEFA8) — 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 #FDEFA8

RGB rgb(253, 239, 168)

HSL hsl(50°, 96%, 83%)

CMYK C:0% M:6% Y:34% K:1%

Luminance 0.858

WCAG Accessibility

On white 1.16:1

Aa — #FDEFA8

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 18.09:1

Aa — #FDEFA8

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#FDEFA8 #AAB8FD

Analogous

#FDC6AA #FDEFA8 #E2FDAA

Triadic

#FDEFA8 #AAFDEF #EFAAFD

Split-comp.

#FDEFA8 #AAE2FD #C6AAFD

Tetradic

#FDEFA8 #AAFDC6 #AAB8FD #FDAAE2

Monochromatic

#CCAD0F #F2D750 #F9EDAE #FDF7DE #FFFFFF

Suggested palettes for this hue.

Dark UI View all →

Mediterranean View all →

Coffee & Cream View all →