Champagne hex code
The hex code for champagne is #F7E7CE. In RGB that is rgb(247, 231, 206) and in HSL it is hsl(37, 72%, 89%).
The hex code for champagne is #F7E7CE. In RGB that is rgb(247, 231, 206) and in HSL it is hsl(37, 72%, 89%).
Champagne · #F7E7CE
Colour codes
- HEX
- #F7E7CE
- RGB
- rgb(247, 231, 206)
- HSL
- hsl(37, 72%, 89%)
- CMYK
- 0, 6, 17, 3
- Contrast on white
- 1.22:1
- Contrast on black
- 17.28:1
Tints and shades
20% lighter · #f9ecd8
40% lighter · #faf1e2
60% lighter · #fcf5eb
80% lighter · #fdfaf5
20% darker · #c6b9a5
40% darker · #948b7c
60% darker · #635c52
80% darker · #312e29
Complementary colour
Champagne · #F7E7CE
Opposite on the colour wheel · #cfdef7
Frequently asked questions
What is the hex code for champagne?
The hex code for champagne is #F7E7CE. In RGB that is rgb(247, 231, 206) and in HSL it is hsl(37, 72%, 89%).
Can I use champagne for text?
It has a contrast ratio of 1.22:1 on white and 17.28:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with champagne?
Its complementary colour, opposite on the colour wheel, is #CFDEF7. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of champagne instead.
Is champagne a CSS colour name?
No. Champagne is a common name rather than a CSS keyword, and different sources use slightly different values. #F7E7CE is the most widely used one - use the hex value in CSS.