16 Different Shades of Beige (+ HEX codes)

Explore all shades of beige, from lighter to darker shades. See HEX codes, shade names, and beige color palettes. Click any shade to copy its HEX code.

Beige is the neutral that carries a little yellow, which is why it reads warmer and calmer than grey. Interiors, skincare and slow-fashion brands lean on it constantly.

Its weakness is sameness: pick a beige for the background and a distinctly darker brown for text, never two beiges.

white
#ffffff
beige
#f9f9eb
fall green
#eeeec4
zombie
#e3e39d
chenin
#d8d875
tacha
#d3d362
turmeric
#cdcd4e
earls green
#c7c73a
luxor gold
#a2a22e
wasabi
#8e8e28
pacifika
#7a7a22
fern frond
#67671d
west coast
#535317
camouflage
#3f3f12
onion
#2c2c0c
el paso
#181807

Beige: HEX & RGB Codes

beige has the following primary color codes:

HEX: #ffffff
RGB: (255, 255, 255).

Explore a wide range of beige shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of beige

White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff

Explore shades of beige

Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0

beige in HEX, RGB, HSL and CMYK

HEX	#F5F5DC
RGB	rgb(245, 245, 220)
HSL	hsl(60, 56%, 91%)
CMYK	cmyk(0%, 0%, 10%, 4%)

Tints and shades of beige

Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.

Tints (lighter)

#f6f6df
#f7f7e2
#f8f8e5
#f9f9e8
#fafaec
#fbfbef

Shades (darker)

#e5e5a2
#d4d468
#bdbd35
#838325
#4a4a15
#101004

Colours that work with beige

Complementary

#F5F5DC #dbdbf5

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#f5e8db #F5F5DC #e8f5db

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#F5F5DC #dbf5f5 #f5dbf5

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on beige

Example Primary text

White text on beige1.11:1Fail

Example Primary text

Near-black text on beige16.03:1AAA

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

beige shade chart

Shade chart showing five steps of beige, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.