Color guide

Beige Color

#D5C9B2

beige color codes

HEX
#D5C9B2
RGB
rgb(213, 201, 178)
HSL
hsl(39, 29%, 77%)
OKLCH
oklch(92% 0.01 169)

What beige means

Beige is understated, natural calm. The backbone of quiet luxury and organic brands.

How to use it in design

Excellent neutral background for editorial, fashion and artisan branding.

Color combinations with beige

Harmonies calculated with color theory for the base hue 39°.

Complementary

Maximum contrast: #D5C9B2 + #B3BFD5

Open in editor

Analogous

Harmony at ±30°: #D5B8B3 · #D5C9B2 · #D0D5B3

Triadic

Even 120° spacing: #D5C9B2 · #B3D5C9 · #C9B3D5

beige color shades (50–900 scale)

Ready-to-use tailwind-style scale generated from #D5C9B2.

50 #56544F
100 #5A5752
200 #6C665C
300 #8B806B
400 #AFA187
500 #D5C9B3
600 #F1EFEA
700 #FFFFFF
800 #FFFFFF
900 #FFFFFF

FAQ about the beige color

What is the HEX code of beige?

A widely used hex value for beige is #D5C9B2, which equals rgb(213, 201, 178). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (39°).

What colors go well with beige?

beige pairs beautifully with charcoal, terracotta, olive, navy. Its complementary color is #B3BFD5, and a classic triadic scheme adds #B3D5C9 and #C9B3D5.

Is beige accessible for text and backgrounds?

It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping beige in text or UI elements.

Create your own beige palette

Generate harmonious combinations from #D5C9B2 in seconds.

Open the palette generator