Yellow color

Vanilla #F3E5AB

#F3E5AB · rgb(243, 229, 171)

Vanilla is the color #F3E5AB. In RGB it is rgb(243, 229, 171) — 95% red, 90% green and 67% blue. Its CMYK breakdown is 0% cyan, 6% magenta, 30% yellow and 5% black, and in HSL it sits at 48° hue, 75% saturation and 81% lightness. Vanilla is not a standard CSS color name; the nearest web color is Pale Goldenrod (#EEE8AA). The closest web-safe color is #FFCC99.

Open in color picker Convert Make a palette Check contrast

Vanilla color codes

Hex#F3E5AB

RGBrgb(243, 229, 171)

RGB %95%, 90%, 67%

HSLhsl(48, 75%, 81%)

HSV / HSBhsv(48, 30%, 95%)

CMYKcmyk(0%, 6%, 30%, 5%)

OKLCHoklch(92% 0.076 96)

Closest web-safe#FFCC99

Vanilla color meaning

Vanilla is a soft and airy yellow — a warm color at 81% lightness and 75% saturation. Like other yellows, it is linked with optimism, happiness and attention. It is the most visible hue in daylight, so it reads as sunny and cheerful but can tire the eye in large areas.

Because it is soft and airy, vanilla works best for backgrounds, walls, baby rooms, wedding stationery and large calm surfaces. As text on white it would be too faint (1.3:1), so use it for fills and backgrounds and put black text on top (16.6:1).

What colors go with Vanilla?

Vanilla pairs well with Light Steel Blue, Apricot, Pale Goldenrod and Charcoal: Light Steel Blue sits close to its opposite on the color wheel for strong contrast, Apricot and Pale Goldenrod are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

Build a full scheme around vanilla in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Vanilla at a glance

Color family	Yellow · warm, soft and airy
CSS color name	No — nearest keyword is Pale Goldenrod (#EEE8AA)
As text on white	1.26:1 — not readable as text
Best text on it	Black (16.61:1)
For print (CMYK)	0% cyan, 6% magenta, 30% yellow, 5% black
Full screen	Open the vanilla screen — fill your display or download it in 4K

Contrast

Contrast ratio of Vanilla against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 1.26:1 Black text — 16.61:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Vanilla

Vanilla color FAQ

What is the hex code for Vanilla?

Vanilla is #F3E5AB, which is rgb(243, 229, 171) and hsl(48, 75%, 81%). For print it is roughly C0 M6 Y30 K5.

What colors go with Vanilla?

Vanilla pairs well with Light Steel Blue, Apricot, Pale Goldenrod, Charcoal. Light Steel Blue gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Vanilla a warm or cool color?

Vanilla is a warm color: its hue is 48°, on the red, orange and yellow side of the color wheel.

What text color looks best on Vanilla?

Black text, with a contrast ratio of 16.6:1, which meets WCAG AA for normal text.