Beige HEX Code
The HEX code for beige is #F5F5DC. Beige is a light, neutral tan color that serves as a versatile background in design. Named after the natural color of unbleached wool, it's warm and understated.
Beige Color Values
| Format | Value |
|---|---|
| HEX | #F5F5DC |
| RGB | rgb(245, 245, 220) |
| HSL | hsl(60, 56%, 91%) |
| CMYK | C:0 M:0 Y:10 K:4 |
Beige and Neutral Variations
| Shade | HEX | Description |
|---|---|---|
| Ivory | #FFFFF0 | Lighter |
| Linen | #FAF0E6 | Warm white |
| Beige | #F5F5DC | CSS beige |
| Wheat | #F5DEB3 | Golden |
| Tan | #D2B48C | Darker |
| Khaki | #F0E68C | Yellow-ish |
Beige in Design
Beige conveys:
- Neutrality: Unobtrusive, versatile
- Warmth: Cozy, comfortable
- Elegance: Sophisticated, timeless
- Natural: Organic, earthy
Using Beige in Design
``css
/* Neutral palette */
:root {
--beige-light: #FFFFF0;
--beige: #F5F5DC;
--beige-dark: #D2B48C;
}
/* Warm background */
.warm-bg {
background-color: #F5F5DC;
color: #4A4A4A;
}
``
Beige Color Palettes
| Theme | Background | Text | Accent |
|---|---|---|---|
| Minimal | #F5F5DC | #333333 | #8B4513 |
| Elegant | #FAF0E6 | #2C2C2C | #B8860B |
| Natural | #F5F5DC | #556B2F | #8B0000 |