What is the hex code for Beige?

The hex code for Beige is #F5F5DC.

What is the RGB value of Beige?

The RGB value of Beige is rgb(245, 245, 220).

What is the HSL value of Beige?

The HSL value of Beige is hsl(60, 56%, 91%).

What is the HSV value of Beige?

The HSV value of Beige is hsv(60, 10%, 96%).

What CSS code do I use for Beige?

Use background-color: #F5F5DC; for background, color: #F5F5DC; for text, or border: 1px solid #F5F5DC; for borders.

Beige Hex #F5F5DC: HTML Color Code & Gradients

Beige (#F5F5DC) Color Codes & Gradients

Color Preview

Make a gradient with Beige →

Opens Beige with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	beige
Hex	#F5F5DC
RGB	rgb(245, 245, 220)
HSV	hsv(60, 10%, 96%)
HSL	hsl(60, 56%, 91%)
OKLCH	oklch(96.36% 0.0328 107)

What is the color name for #F5F5DC?

#F5F5DC color name is Beige.

Color Information

The HTML color Beige has the hexadecimal code #F5F5DC and in the RGB color space is composed of 96% red, 96% green, and 86% blue. The color Beige has a hue angle of 60 degrees, a saturation of 55.6% and a lightness of 91.2%.

Beige CSS Code Snippets

Background Color

.bg-beige { background-color: #F5F5DC; }

Text Color

.text-beige { color: #F5F5DC; }

Border Color

.border-beige { border: 1px solid #F5F5DC; }

Shade Gradient

.gradient-shade-beige { background: linear-gradient(135deg, #F5F5DC, #E7E7AC); }

Tint Gradient

.gradient-tint-beige { background: linear-gradient(135deg, #F5F5DC, #FFFFFF); }

Monochromatic Gradient

.gradient-mono-beige { background: linear-gradient(135deg, #F5F5DC, #D1D1BB); }

Beige Shades

#F3F3D4

#F0F0CC

#EEEEC4

#ECECBC

#EAEAB4

#E7E7AC

Beige Tints

#F7F7E4

#FAFAEC

#FCFCF4

#FEFEFC

#FFFFFF

Beige Tones

#F2F2DF

#EFEFE2

#ECECE5

#E9E9E8

#E8E8E8

Beige Monochromatic

#D1D1BB

#ACAC9B

#88887A

#636359

#3F3F38

#1A1A18

Similar Colors to Beige

#F5EDDC

#F5F0DC

#F5F3DC

#F3F5DC

#F0F5DC

#EDF5DC

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator