Champagne color: code #F7E7CE
Champagne
#F7E7CE
Color codes
- HEX
#F7E7CE - RGB
rgb(247, 231, 206) - HSL
hsl(37, 72%, 89%) - HSV
hsv(37, 17%, 97%) - CMYK
cmyk(0%, 6%, 17%, 3%) - LAB
lab(92.3% 1.5 14.1) - OKLCH
oklch(93.4% 0.037 79.1)
About the color Champagne
Champagne has the HEX code #F7E7CE, which corresponds to rgb(247, 231, 206) in the RGB model. On the color wheel its hue sits at 37°, with 72% saturation and 89% lightness (hsl(37, 72%, 89%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 17.27:1 contrast ratio on it, versus 1.21:1 for white.
For print, the approximate conversion is cmyk(0%, 6%, 17%, 3%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Champagne
Complementary
#F7E7CE · #CFDEF7
Analogous
#F7D3CF · #F7E7CE · #F2F7CF
Triadic
#F7E7CE · #CFF7E8 · #E8CFF7
Tetradic
#F7E7CE · #CFF7D3 · #CFDEF7 · #F7CFF2
Split-complementary
#F7E7CE · #CFF2F7 · #D3CFF7
Monochromatic
#E5B361 · #F0D2A3 · #F7E7CE · #FFFFFF · #FFFFFF
Champagne with white and black text
How to use it in CSS
:root {
--color-champagne: #F7E7CE;
--color-champagne-rgb: 247, 231, 206;
}
.elemento {
background-color: var(--color-champagne);
color: #000000;
}