#F4A259
#F4E285
#8CB369
#5B8E7D
#F4E285 · Vanilla
Click to copy#F4E285 is a light, highly saturated beige color, closest to Vanilla and near Vanilla and Pineapple. In OKLCH it has 91% lightness and 0.12 chroma at hue 99°. Beige suggests quiet warmth and neutrality; it is the go-to background for organic and luxury brands, which makes #F4E285 a natural choice for backgrounds for interiors, fashion and minimal sites. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#F4E285RGB
rgb(244, 226, 133)HSL
hsl(50, 83%, 74%)CMYK
0, 7, 45, 4CSS var
--vanillaContrast
1.31:1 white · 16.06:1 blackSimilar named colors
How to use #F4E285
Black text passes WCAG AA on #F4E285 (16.06:1); white text does not (1.31:1).
For a calm scheme pair #F4E285 with its analogous neighbors #F4AA86 and #CFF486; for contrast use its complement #8698F4 as a small accent, and anchor everything with a neutral such as #1F1F24.
--vanilla: #F4E285;
$vanilla: #F4E285;
colors: { 'vanilla': '#F4E285' }