Vanilla color: code #F3E5AB
Vanilla
#F3E5AB
Color codes
- HEX
#F3E5AB - RGB
rgb(243, 229, 171) - HSL
hsl(48, 75%, 81%) - HSV
hsv(48, 30%, 95%) - CMYK
cmyk(0%, 6%, 30%, 5%) - LAB
lab(90.8% -3.8 30.1) - OKLCH
oklch(91.9% 0.076 96.2)
About the color Vanilla
Vanilla has the HEX code #F3E5AB, which corresponds to rgb(243, 229, 171) in the RGB model. On the color wheel its hue sits at 48°, with 75% saturation and 81% lightness (hsl(48, 75%, 81%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 16.60:1 contrast ratio on it, versus 1.26:1 for white.
For print, the approximate conversion is cmyk(0%, 6%, 30%, 5%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Vanilla
Complementary
#F3E5AB · #AAB9F3
Analogous
#F3C0AA · #F3E5AB · #DDF3AA
Triadic
#F3E5AB · #AAF3E4 · #E4AAF3
Tetradic
#F3E5AB · #AAF3C0 · #AAB9F3 · #F3AADD
Split-complementary
#F3E5AB · #AADDF3 · #C0AAF3
Monochromatic
#E3C13B · #EDD67E · #F3E5AB · #FCF9ED · #FFFFFF
Vanilla with white and black text
How to use it in CSS
:root {
--color-vanilla: #F3E5AB;
--color-vanilla-rgb: 243, 229, 171;
}
.elemento {
background-color: var(--color-vanilla);
color: #000000;
}