Beige #F5F5DC

Beige#F5F5DC · rgb(245, 245, 220)

Beige color codes

CSS namebeige
HEX#F5F5DC
RGBrgb(245, 245, 220)
HSLhsl(60, 56%, 91%)
CMYKcmyk(0%, 0%, 10%, 4%)
Decimal16119260

Shades of Beige (darker)

#DDDDC6 · #C4C4B0 · #ACAC9A · #939384 · #7B7B6E · #626258 · #4A4A42 · #31312C · #191916

Tints of Beige (lighter)

#F6F6E0 · #F7F7E3 · #F8F8E7 · #F9F9EA · #FAFAEE · #FBFBF1 · #FCFCF5 · #FDFDF8 · #FEFEFC

Color harmonies

Complementary
#DBDBF5
Triadic
#DBF5F5, #F5DBF5
Analogous
#F5E8DB, #E8F5DB

Accessibility (WCAG contrast)

White text on Beige1.11:1 · Fail
Black text on Beige18.98:1 · AAA

Use Beige in code

.element {
  color: beige;          /* or #f5f5dc */
  background-color: rgb(245 245 220 / 0.5);
}

Frequently asked questions

What is the hex code for Beige?

Beige is #F5F5DC in HEX, rgb(245, 245, 220) in RGB and hsl(60, 56%, 91%) in HSL.

Can I use "beige" directly in CSS?

Yes. "beige" is one of the 148 standard CSS named colors, so color: beige; works in every browser.

Is Beige readable on white?

The contrast ratio of Beige on white is 1.11:1 (WCAG Fail). On black it is 18.98:1 (AAA).

What is the complementary color of Beige?

The complementary color (opposite on the color wheel) is #DBDBF5.

Similar colors

Corn Silk#FFF8DCAntique White#FAEBD7Light Goldenrod Yellow#FAFAD2Linen#FAF0E6Old Lace#FDF5E6Papaya Whip#FFEFD5Light Yellow#FFFFE0Lemon Chiffon#FFFACD

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.