Champagne

#F7E6CA

What color is Champagne?

Champagne is a pale, warm off-white with soft golden and beige undertones, hex #F7E6CA, close to the color of raw silk fabric. The tone is faintly creamy rather than stark white, with a gentle warmth that keeps it from reading as grey or cool.

What is the meaning of the color Champagne?

Named for the sparkling wine produced in the Champagne region of northeastern France, the color gained its identity as the drink rose to prominence in European courts during the 18th century. By the 19th century, champagne as a color descriptor appeared in English fashion writing, used to distinguish this warm pale gold from ivory or cream. Luxury textile houses adopted the shade to signal understated elegance, and it became a standard bridal fabric color through the 20th century. Vera Wang anchored it in contemporary bridal fashion, using champagne tones across multiple collections as a formal alternative to white.

RGB
247, 230, 202
HSL
37°, 74%, 88%
CMYK
0, 7, 18, 3
HSV
37°, 18%, 97%
Champagne color

What colors go with Champagne?

Colors that pair well with Champagne include:
Blush Pink: soft, tonal warmth
Navy Blue: sharp, elegant contrast
Sage Green: gentle, natural balance
Charcoal: grounding, modern depth
Gold: rich, complementary warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #F7E6CA color: #F7E6CA;
RGB 247, 230, 202 color: rgb(247, 230, 202);
RGB Percentage 97%, 90%, 79% color: rgb(97%, 90%, 79%);
CMYK 0%, 7%, 18%, 3% Not supported in CSS
HSL 37°, 74%, 88% color: hsl(37, 74%, 88%);
HSV 37°, 18%, 97% Not supported in CSS
CIE-LAB 70, 3, 9 color: lab(70% 3 9);
Decimal 16246474 Not supported in CSS

Color Variations

Shades

#F7E6CA
#F1D3A3
#EBC17C
#E6AE55
#E09B2E
#C3841D
#9C6917
#754F12

Tints

#FDF7EF
#FCF5EA
#FBF2E4
#FAF0DF
#F9EDDA
#F9EBD4
#F8E8CF
#F7E6CA

Tones

#F7E6CA
#F5E5CC
#F3E5CE
#F0E4D1
#EEE4D3
#ECE3D5
#E9E3D7
#E7E2DA

Hues

#F7E6CA
#E6F7CA
#CAF7CF
#CAF7F1
#CADBF7
#DACAF7
#F7CAF2
#F7CAD0

Color Harmonies

Analogous

#F7CFCA
Click to copy
#F7E6CA
Click to copy
#F2F7CA
Click to copy

Complementary

#F7E6CA
Click to copy
#CADBF7
Click to copy

Split Complementary

#F7E6CA
Click to copy
#CAF2F7
Click to copy
#CFCAF7
Click to copy

Triadic

#F7E6CA
Click to copy
#CAF7E6
Click to copy
#E6CAF7
Click to copy

Tetradic

#F7E6CA
Click to copy
#CAF7CF
Click to copy
#CADBF7
Click to copy
#F7CAF2
Click to copy

Square

#F7E6CA
Click to copy
#CAF7CF
Click to copy
#CADBF7
Click to copy
#F7CAF2
Click to copy

CSS & Dev Snippets

CSS
.champagne {
  color: #F7E6CA;
}
SCSS
$champagne: #F7E6CA;
RGB
rgb(247, 230, 202)

Accessibility & Contrast

White background

1.23:1
1.23
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

17.13:1
17.13
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags