CSS named color
Beige #F5F5DC
Beige is a pale yellow with the hex code #F5F5DC, which converts to rgb(245, 245, 220). Open #F5F5DC in the converter to tweak it.
Beige color values
| HEX | #F5F5DC |
|---|---|
| HEX (shorthand) | — |
| RGB | rgb(245, 245, 220) |
| RGBA | rgba(245, 245, 220, 1) |
| 8-digit HEX | #F5F5DCFF |
| HSL | hsl(60, 56%, 91%) |
| HSV / HSB | 60°, 10%, 96% |
| CMYK | 0%, 0%, 10%, 4% |
| RGB 0–1 | 0.961, 0.961, 0.863 |
| Decimal | 16119260 |
| CSS keyword | beige |
How #F5F5DC converts to RGB
Split the hex code into three pairs and read each pair as a base-16 number: F5 → 245, F5 → 245, DC → 220. That gives rgb(245, 245, 220). The step-by-step guide explains the math.
Shades of Beige
Mixed toward black in 10% steps. Click a swatch to copy its hex.
Tints of Beige
Mixed toward white in 10% steps.
Color harmonies
Hue rotations of Beige on the HSL color wheel, keeping saturation and lightness fixed. The color harmony guide explains when each scheme works.
Complementary
Analogous
Split-complementary
Triadic
Tetradic (square)
Contrast and accessibility
| Text | Background | Ratio | WCAG 2.x |
|---|---|---|---|
| White | Beige | 1.10:1 | Fail |
| Black | Beige | 18.97:1 | AAA |
Use black text on a beige background. Test any other pair in the contrast checker; thresholds are explained in the WCAG contrast guide.
Use Beige in CSS
.element {
color: beige; /* keyword */
background-color: #F5F5DC; /* hex */
border-color: rgb(245 245 220 / 50%); /* 50% transparent */
}Need it semi-transparent? Append an alpha byte: #F5F5DC80 is Beige at 50% opacity. See RGBA & transparency.
Similar named colors
FAQ
What is the HEX code for Beige?
The CSS named color beige is #F5F5DC in hexadecimal. In CSS you can write color: beige; or color: #F5F5DC; — both produce the same pixel.
What is Beige in RGB?
Beige is rgb(245, 245, 220): red 245, green 245, blue 220 on the 0–255 scale. As normalized 0–1 floats that is (0.961, 0.961, 0.863).
Is white or black text more readable on Beige?
Black text is more readable. White on #F5F5DC has a contrast ratio of 1.10:1 (Fail), black on #F5F5DC has 18.97:1 (AAA). WCAG AA needs 4.5:1 for normal text.