Beige Color Codes

Beige is a pale, slightly yellow or pink-tinged neutral — the color of undyed wool, sand and paper. This page collects 28 beiges and warm neutrals: the 12 CSS named colors in this family, such as beige, wheat, antiquewhite, bisque and tan, plus cream, ecru, champagne, bone, eggshell, desert sand and French beige, with HEX, RGB, HSL, HSV, CMYK and OKLCH codes, tints and shades, and the best text color for each.

How to use this tool

1. Choose a beige or neutral from the list.
2. Copy its HEX, RGB, HSL or CMYK code from the results.
3. Use the tints and shades table for lighter and darker versions.
4. Compare all shades in the full table or download the swatch chart.

Formula

tint = c + (255 − c) × p · shade = c × (1 − p) · complement = HSL hue + 180°

c is each RGB channel and p the mixing amount (15–75%). CMYK uses the simple formula K = 1 − max(R′, G′, B′); ask your printer for press values.

Example

CSS beige is #F5F5DC = rgb(245, 245, 220), hsl(60, 55.6%, 91.2%): a very light yellow with only 25 steps less blue than white. Black text on it reaches 18.97:1. Ecru #C2B280 is darker — CMYK 0%, 8.2%, 34%, 23.9% with the simple formula.

Beige, tan and khaki: how they differ

All three are light, low-saturation browns, but at different depths. Beige (#F5F5DC) is the lightest, almost white. Tan (#D2B48C) is a medium sandy brown, darker and warmer. Khaki is the trickiest: the CSS keyword khaki (#F0E68C) is a pale yellow from the X11 list, while traditional uniform khaki is the duller, grayer #C3B091. Ecru and sand (#C2B280 in Wikipedia's lists) sit between tan and khaki.