Beige family
Champagne color
A pale, muted beige with warm undertones. The reference champagne is #E9D2AC, as defined by the Color Names (meodai).
| HEX | #E9D2AC | |
|---|---|---|
| RGB | rgb(233, 210, 172) | |
| HSL | hsl(37, 58%, 79%) | |
| HSV | hsv(37, 26%, 91%) | |
| OKLCH | oklch(87.3% 0.056 80.2) | |
| CMYK* | 0, 10, 26, 9 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is champagne?
Champagne is a pale yellowish beige named after the colour of the sparkling wine. It is popular for weddings, cosmetics and car paints. Only the Color Names list defines it among our sources; it sits between cream and beige.
Champagne hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of champagne in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Champagne | #E9D2AC | Color Names (meodai) | Reference shown on this page |
Champagne vs Cream
#E9D2AC
#FFFFC2
Cream is paler and yellower; champagne is warmer and closer to beige. In numbers: the two are 53% similar (OKLab distance 0.118). See Cream for its own codes.
Colors similar to champagne
The closest named colors to #E9D2AC across all three sources, with their similarity in OKLab.
Tints and shades of champagne
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with champagne
Classic color-wheel combinations built on #E9D2AC, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Champagne with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a champagne background, black text is the better choice.
Use champagne in CSS
.champagne {
color: #E9D2AC;
/* or */ color: rgb(233 210 172);
/* or */ color: hsl(37 58% 79%);
/* or */ color: oklch(87.3% 0.056 80.2);
}