Beige color values
| Format | Value |
|---|---|
| Hex | #F5F5DC |
| RGB | rgb(245, 245, 220) |
| HSL | hsl(60, 56%, 91%) |
| HSV | 60, 10%, 96% |
| CMYK (simple conversion) | 0%, 0%, 10%, 4% |
| Decimal | 16119260 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Beige
Beige is a pale, sandy brown color with strong yellow undertones. It is heavily associated with natural materials like unbleached wool, sand, and stone. Designers use it to create neutral, earthy layouts that feel grounded and understated. It is one of the 148 CSS named colors.
Shades and tints of Beige
Tints mix Beige with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #F6F6E0 | #DDDDC6 |
| 20% | #F7F7E3 | #C4C4B0 |
| 30% | #F8F8E7 | #ACAC9A |
| 40% | #F9F9EA | #939384 |
| 50% | #FAFAEE | #7B7B6E |
Color harmony for Beige
These colors keep the same saturation and lightness as Beige and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #DCDCF5 |
| Analogous | #F5E9DC #E9F5DC |
| Triadic | #DCF5F5 #F5DCF5 |
| Split complementary | #DCE9F5 #E9DCF5 |
Contrast and accessibility
Contrast between #F5F5DC and white is 1.11:1 (fails). Against black it is 18.98:1 (passes AAA). For text on a Beige background, black text is the more readable choice.
Use Beige in CSS
.element {
color: beige;
background-color: #F5F5DC;
border-color: rgb(245 245 220);
outline-color: hsl(60 56% 91%);
}All four lines produce exactly the same color. The keyword beige is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- cornsilk: #FFF8DC
- Antique White: #FAEBD7
- lightgoldenrodyellow: #FAFAD2
- linen: #FAF0E6
FAQ
What is the hex code for Beige?
The hex code for Beige is #F5F5DC. As a CSS color keyword you can also write beige.
What is Beige in RGB?
Beige is rgb(245, 245, 220): red 245, green 245, blue 220 on the 0 to 255 scale.
What color is closest to Beige?
Of the CSS named colors, cornsilk (#FFF8DC) is the closest match to Beige, followed by antiquewhite and lightgoldenrodyellow.
More colors
- Azure: previous page
- Black: next page
- CSS named colors: the full list