Beige

#F2F2DD

Color values

#F2F2DD color information

#F2F2DD is closest to Beige. Use these HEX, RGB, and HSL values in CSS, design systems, brand palettes, and palette generator workflows.

HEX

#F2F2DD

RGB

rgb(242, 242, 221)

HSL

hsl(60, 45%, 91%)

Lighter

#F5F5E4

Light

#F7F7EB

Original

#F2F2DD

Dark

#B8B8A8

Darker

#8C8C80

Use #F2F2DD as a brand accent, illustration tone, background tint, or button color. Check contrast before placing text over it.

Pair it with one lighter shade for surfaces and one darker shade for hover states, borders, or emphasis.

Need colors from an image? Use the Paletify image color picker to generate a complete palette from photos, screenshots, and artwork.