What colors go well with beige?

Beige pairs with its complementary colour #DCDCF5 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Beige Color — Hex Code #F5F5DC, RGB, Palettes & CSS

Q: What is the hex code for beige?

Beige is commonly #F5F5DC, which is rgb(245, 245, 220). Like most descriptive colour names it covers a small range, but this is a widely used value.

Beige colour codes

Hex

#F5F5DC

RGB

rgb(245, 245, 220)

HSL

hsl(60, 56%, 91%)

HSV

hsv(60, 10%, 96%)

OKLCH

oklch(0.96 0.03 107)

CMYK

cmyk(0%, 0%, 10%, 4%)

Complementary palette

Beige with its opposite on the colour wheel.

#F5F5DC

rgb(245, 245, 220)

#DCDCF5

rgb(220, 220, 245)

Triad palette

Beige with two evenly-spaced partners.

#F5F5DC

rgb(245, 245, 220)

#DCF5F5

rgb(220, 245, 245)

#F5DCF5

rgb(245, 220, 245)

Monochromatic palette

Lighter and darker versions of beige at the same hue.

#7B7B6E

rgb(123, 123, 110)

#ACAC9A

rgb(172, 172, 154)

#DDDDC6

rgb(221, 221, 198)

#FFFFE5

rgb(255, 255, 229)

Lighter tints

Beige toward white.

#F5F5DC

rgb(245, 245, 220)

#F6F6E1

rgb(246, 246, 225)

#F8F8E6

rgb(248, 248, 230)

#F9F9EB

rgb(249, 249, 235)

#FBFBF0

rgb(251, 251, 240)

#FCFCF5

rgb(252, 252, 245)

#FEFEFA

rgb(254, 254, 250)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Beige toward black.

#F5F5DC

rgb(245, 245, 220)

#D2D2BD

rgb(210, 210, 189)

#AFAF9D

rgb(175, 175, 157)

#8C8C7E

rgb(140, 140, 126)

#69695E

rgb(105, 105, 94)

#46463F

rgb(70, 70, 63)

#23231F

rgb(35, 35, 31)

#000000

rgb(0, 0, 0)

About beige

A pale sandy neutral that sits between cream and tan. Warm and versatile, it is a go-to background tone in interiors and minimalist design. The value shown here (#F5F5DC) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with beige

The complementary colour (#DCDCF5) sits opposite beige on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using beige in your design

For CSS, paste #F5F5DC or the oklch(0.96 0.03 107) value, or download the ready-made beige.css file above — it includes a full 50–950 token scale. Always check contrast before using beige behind text.

What is the hex code for beige?

Beige is commonly #F5F5DC (rgb(245, 245, 220)). It covers a small range, but this is a widely used value.

What colours go well with beige?

Its complementary colour #DCDCF5 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Beige colour

Beige colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About beige

Palettes that work with beige

Using beige in your design

Popular colours

Color tools