Beige #F5F5DC

#F5F5DCBeige
HEX#F5F5DC
RGBrgb(245, 245, 220)
HSLhsl(60, 56%, 91%)
HSVhsv(60, 10%, 96%)
OKLCHoklch(96.4% 0.033 107)
OKLABoklab(96.4% -0.01 0.031)
CMYKcmyk(0%, 0%, 10%, 4%)

Beige (#F5F5DC) is a very light, moderately saturated yellow hue. Beige is a pale sandy neutral; the name comes from undyed wool.

In RGB it is made of 245 red, 245 green and 220 blue. Its HSL hue angle is 60° with 56% saturation and 91% lightness, while its perceptual OKLCH lightness is 96% with a chroma of 0.033. For print, a starting CMYK mix is 0% cyan, 0% magenta, 10% yellow and 4% black.

As a text color on white, Beige has a contrast ratio of 1.11:1, which fails WCAG AA even for large text. On black it reaches 18.98:1 and passes AA for normal text. If you use Beige as a background, put black (or very dark) text on it. The APCA lightness contrast is Lc 99 for black text and Lc 0 for white text.

Its perceptual complement is #F2F1FF, close to off-white. Colors that look most similar are cream, champagne, off-white. It looks fairly similar to people with red-green color blindness (ΔE 1), so its meaning mostly survives.

Contrast

Text on white · 1.11:1 ✗
Text on black · 18.98:1 AA ✓
White on Beige · APCA Lc 0
Black on Beige · APCA Lc 99

Shades and tints of beige

Color harmonies

ComplementaryAnalogousSplit complementaryTriadicTetradicMonochromatic

How beige looks with color blindness

Protanopia: #FAF3DBDeuteranopia: #FAF4DDTritanopia: #F9F2EEAchromatopsia: #F3F3F3

Similar colors

Cream#FFFDD0Champagne#F7E7CEOff-White#FAF9F6Ivory#FFFFF0White#FFFFFFPeach#FFE5B4Lavender#E6E6FAMillennial Pink#F3CFC6

FAQ

What is the hex code for beige?

The hex code for beige is #F5F5DC, which is rgb(245, 245, 220) in RGB.

What text color goes on beige?

Black text. Its contrast with beige is 18.98:1.

What color is the complement of beige?

The perceptual (OKLCH) complement of #F5F5DC is #F2F1FF.

← All named colors