A French word that once meant undyed wool. It's a very light shade between white and brown. It's one of the most popular neutrals for walls, wardrobe basics and website backgrounds.
Beige (#F5F5DC) is a warm, light, moderately saturated color. It belongs to the browns family. It mixes 245 red, 245 green and 220 blue (out of 255). It is mostly used in home decor, fashion, web.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--beige: #F5F5DC;
--beige-rgb: 245, 245, 220;
}
.bg { background-color: var(--beige); }
.text { color: var(--beige); }The hex code for beige is #F5F5DC. In RGB it is rgb(245, 245, 220), in HSL hsl(60, 56%, 91%) and in CMYK 0, 0, 10, 4.
Its complement on the color wheel is #DCDCF5, close to pastel lilac. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 1.1:1, while with black it is 19.0:1.
It pairs well with white, coffee brown, olive green, navy blue, black. Avoid pairing beige with pale yellows or very light greenish grays, because the result looks dingy or faded. And don't wear head-to-toe beige without changing shade or texture.