Champagne #f7e7ce

Celebration, poured into a color.

RGB

247, 231, 206

HSL

37°, 72%, 89%

CMYK

0, 7, 17, 3

Luminance

0.8138

About Champagne

Champagne, #f7e7ce, is pale gold-beige with a wink of luxury — the wine’s color and, by association, everything it toasts. Warmer than ivory, softer than gold, it is the neutral that whispers "occasion."

History

The Champagne region protected its name in wine and, informally, in color: "champagne" became fashion and automotive shorthand for warm off-white metallics. Bridal, jewelry and gadget finishes (champagne gold) all borrow the celebratory glow.

Psychology

Champagne reads elegant, warm and celebratory — beige elevated to occasion. It signals premium without gold’s flash: understatement that still says "special."

In design

Champagne is a luxe canvas and metallic accent: bridal, beauty and premium-product palettes. Pair with charcoal, navy, blush and rose gold. Text-free; as a warm near-white it flatters product photography.

In culture

Champagne toasts, champagne gold iPhones, champagne wishes: the wine’s name became the color of every celebration it presides over.

Brands that own champagne

Champagne gold tech#e6cfa8 Bridal couture#f7e7ce Jewelry brands#f1dcb8 Luxury autos#ecd9b8 Cartier kin#f3e2c3

Shades of champagne

Cream Ivory Pearl Gold Beige Vanilla Bisque Wheat

Every format

HEX	#f7e7ce
RGB	rgb(247, 231, 206)
HSL	hsl(37, 72%, 89%)
CMYK	cmyk(0%, 7%, 17%, 3%)
LAB	lab(92.3 1.4 14.1)
LCH	lch(92.3 14.2 84.1)
OKLCH	oklch(0.934 0.037 79.1)

Copy-ready code

/* CSS */
color: #f7e7ce;
background-color: #f7e7ce;
/* Tailwind (arbitrary) */
class="text-[#f7e7ce] bg-[#f7e7ce]"
/* SCSS */
$brand: #f7e7ce;
/* SwiftUI */
Color(red: 0.969, green: 0.906, blue: 0.808)
/* Android */
Color.parseColor("#f7e7ce")

Accessibility — WCAG contrast

#f7e7ce on white: 1.22:1

AA ✗ fail · AA-large ✗ · AAA ✗

#f7e7ce on black: 17.28:1

AA ✓ pass · AA-large ✓ · AAA ✓

true color

protanopia

deuteranopia

tritanopia

RGB percentages

Red96.9%

Green90.6%

Blue80.8%

CMYK percentages

Cyan0.0%

Magenta6.5%

Yellow16.6%

Key (black)3.1%

Color previews

#f7e7ce text on a black background

contrast 17.28:1

Card sample

#f7e7ce text on a white background

contrast 1.22:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #f7e7ce;

Background color

Panel with #f7e7ce background

background-color: #f7e7ce;

Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #f7e7ce;

Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(247, 231, 206, 0.45);

Div box shadow

Elevated card

box-shadow: 0 12px 32px -8px rgba(247, 231, 206, 0.45);

Border & gradient

Gradient panel

border: 3px solid #f7e7ce;
background: linear-gradient(135deg, #f7e7ce, #ECF7CE);

Monochromatic scale

#352309 #724D13 #AF761D #DE9C35 #E8BA73 #F2D8B0 #F9EEDC

Palettes built from #f7e7ce

UI palette

Gradient stops

Accent trio

Warm–cool bridge

Shades — darker

#F1D4A7 #EAC180 #E4AE59 #DE9B32 #C38320 #9C6919 #754F13 #4E340D #271A06

Tints — lighter

#F8E9D3 #F9ECD8 #F9EEDD #FAF1E2 #FBF3E6 #FCF5EB #FDF8F0 #FDF9F2 #FDF9F2

Hue & tone neighbors

#F7D9CE #F7E0CE #F7EECE #F7F5CE #FEFCFA #F0D1A2 #FDE8C8 #F1E6D4

Color harmonies

Complement

Split-complement

Analogous

Triadic

Tetradic

Nearest named colors

beige · ΔE 7.0 ivory · ΔE 10.9 white · ΔE 16.2 silver · ΔE 20.4 tan · ΔE 20.5

Champagne, answered

What is the hex code for champagne?

Champagne is #f7e7ce; champagne gold metallic finishes run deeper at #e6cfa8.

Champagne vs ivory vs gold?

Ivory is cooler white, gold is metallic-bright, champagne is the warm golden near-white between — celebratory without flash.

What pairs with champagne?

Charcoal and navy (contrast), blush and rose gold (romance), deep green for festive luxury.

Work with #f7e7ce in the Color Lab

Contrast Checker →Palette Generator →Palette Pro →Scale Generator →CSS Code Generator →Color Blind Simulator →Accessibility Checker →Color Distance →