Beige #F5F5DC

Beige is a very pale, warm off-white with hex code #F5F5DC, matching the CSS 'beige' keyword. It is light and only faintly tinted, with a slight yellow-green cast on screens. People link it to undyed wool, linen, sandstone and the soft neutrals of calm, simple interiors.

#F5F5DC is CSS beige, which looks paler and slightly greener than many paint colors sold as beige. Paint and fashion beiges are often darker, sandier tones.

#F5F5DC

Beige color codes
HEX	`#F5F5DC`
RGB	`rgb(245, 245, 220)`
HSL	`hsl(60, 56%, 91%)`
HSV	`hsv(60, 10%, 96%)`
CMYK	`cmyk(0%, 0%, 10%, 4%)`

Make a palette with Beige What goes with it

Text on Beige

Black text reads better on Beige. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

1.10:1 · Fail

Black text

The quick brown fox jumps over the lazy dog.

18.97:1 · AAA

Colors that go with Beige

#000080Navy BlueStrong, classic contrast for text and accents.#9CAF88Sage GreenSoft green for natural, calm interiors.#7B3F00Chocolate BrownRich brown that adds depth to a tonal palette.#DCAE96Dusty RoseGentle pink that keeps beige from feeling flat.#36454FCharcoalModern dark neutral for type and furniture.

Beige tints and shades

Tints mix Beige with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#F7F7E1

#F8F8E7

#FAFAEC

#FBFBF1

#FDFDF6

Shades

#D0D0BB

#ACAC9A

#878779

#626258

#3D3D37

Beige color schemes

Color-wheel harmonies built by rotating the hue of #F5F5DC and keeping its saturation and lightness.

Complementary

#F5F5DC

#DCDCF5

Analogous

#F5E9DC

#F5F5DC

#E9F5DC

Triadic

#F5F5DC

#DCF5F5

#F5DCF5

Split complementary

#F5F5DC

#DCE9F5

#E9DCF5

Tetradic

#F5F5DC

#DCF5E9

#DCDCF5

#F5DCE9

Beige color meaning

Beige takes its name from a French word for natural, undyed wool. That origin fits its role today, since beige is the color of things left close to their natural state. The word described fabric long before it described paint.

It is the classic safe neutral. People read it as calm, modest and unobtrusive, and it is used widely in homes, offices and clothing for that reason. Some see it as dull, and 'beige' is often used informally to mean bland or unadventurous.

Recent interest in warm minimalism has given beige a better image. Paired with natural textures and good light, it suggests comfort and restraint. Designers now pair it with clay, oak and soft browns, and the effect reads as warm and deliberate.

How to use Beige in design

Beige is a soft page background for wellness, bridal, home and skincare brands. Nearly all dark text reads well on it, from black to navy and dark brown. White text on beige is almost invisible, so keep it off. Because #F5F5DC is so pale, it can look slightly green on some screens; test it next to your photography.

In interiors, beige walls work with wood, linen and plants. In fashion it is a staple for trench coats, knitwear and summer trousers.

Palettes with Beige tones

Curated palettes with a color close to #F5F5DC.

Papaya Honey Bee Crimson & Gold Wheat Fields Caramel Latte Moss Garden

Colors similar to Beige

#F0EAD6Eggshell #FFFDD0Cream #F7E7CEChampagne #FAF9F6Off-White #FFFFF0Ivory #FFFFFFWhite

Work with Beige

Palette generatorBuild a palette around #F5F5DC Contrast checkerTest text on this color Tint and shade generatorA full scale for CSS or Tailwind Color wheelEvery harmony for this hue Color pickerAdjust it and convert formats Color mixerBlend it with another color

Beige FAQ

Is beige warm or cool?

Beige is generally a warm neutral because it carries a yellow tint. CSS beige (#F5F5DC) is so pale, though, that it can look neutral or even slightly green in cool light. Paint beiges with pink or orange undertones look noticeably warmer.

What is the difference between beige and cream?

Cream (#FFFDD0) is lighter and more yellow, like dairy cream. Beige (#F5F5DC) is a touch grayer and duller. Side by side, cream looks sunnier and richer, while beige looks more neutral and muted. Both work as soft alternatives to pure white.

What colors go with beige?

Almost everything, which is why it is so common. Navy, charcoal and black give it contrast. Sage, olive and dusty rose keep it soft. Browns and caramel tones create a warm, tonal look, and a single bright accent like coral or emerald can liven it up.