Codes & values
- Color Name
Champagne Gold - Color ID
KDF-C-16246734 - HEX
#F7E7CE - RGB
rgb(247, 231, 206) - RGBA
rgba(247, 231, 206, 1) - HSL
hsl(37, 72%, 89%) - HSLA
hsla(37, 72%, 89%, 1) - HSV / HSB
hsv(37, 17%, 97%) - CMYK
cmyk(0%, 6%, 17%, 3%) - Light / Dark
light
Quick answers
- What is the HEX code for Champagne Gold?
- #F7E7CE
- What is Champagne Gold RGB?
- rgb(247, 231, 206)
- What is Champagne Gold HSL?
- hsl(37, 72%, 89%)
- What is Champagne Gold CMYK?
- cmyk(0%, 6%, 17%, 3%)
What is Champagne Gold?
Champagne Gold is a curated yellow family color at #F7E7CE. It appears in our library with tags for fashion, logo, branding. This shade classifies as light — best as backgrounds, soft UI fills, or pastel accents. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Champagne Gold HEX code
The HEX code for Champagne Gold is #F7E7CE. Paste it into CSS as color: #F7E7CE; or background-color: #F7E7CE;. Design tools accept the same six-digit value without the # prefix (f7e7ce).
Champagne Gold RGB
Champagne Gold in RGB is rgb(247, 231, 206) (channels R 247, G 231, B 206). Use RGB when you need opacity via rgba(247, 231, 206, 1).
Champagne Gold HSL & HSV
HSL is hsl(37, 72%, 89%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(37, 17%, 97%), closer to how many digital pickers expose hue, saturation, and brightness.
Champagne Gold CMYK
Approximate CMYK for Champagne Gold is cmyk(0%, 6%, 17%, 3%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Champagne Gold
Darker shades (mixed toward black): #CEC1AC, #A59A89, #7C7467, #524D45, #292622. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Champagne Gold
Lighter tints (mixed toward white): #F8EBD6, #FAEFDE, #FBF3E7, #FCF7EF, #FEFBF7. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Champagne Gold
Complementary pairing: #F7E7CE, #CEDEF7. Analogous neighbors: #F7D2CE, #F7E7CE, #F3F7CE. Triadic accents: #F7E7CE, #CEF7E7, #E7CEF7. Always check text contrast when pairing.
Champagne Gold color combinations
A practical combo: primary #F7E7CE, complementary accent #CEDEF7, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #F7E7CE, #CEF2F7, #D3CEF7.
Champagne Gold in web design
Yellow highlights and warnings need careful contrast — prefer dark text on yellow, or use gold/amber variants for luxury without eye strain.
Champagne Gold in branding
Gold and yellow brands feel optimistic or luxurious depending on saturation — champagne gold vs traffic yellow. Contrast vs white is 1.22:1 (better as a large accent or background than small body text); vs black 17.28:1.
Champagne Gold metallic feel
Champagne Gold evokes metal finishes. On screens, flat HEX is a stand-in — add subtle gradients or texture in mockups for a more realistic metal look.
Frequently asked questions
- What is the HEX code for Champagne Gold?
- Champagne Gold: #F7E7CE.
- What is Champagne Gold RGB?
- Champagne Gold: rgb(247, 231, 206).
- What is Champagne Gold HSL?
- Champagne Gold: hsl(37, 72%, 89%).
- What is Champagne Gold CMYK?
- Champagne Gold: cmyk(0%, 6%, 17%, 3%).
- What colors go with Champagne Gold?
- Try complementary #F7E7CE, #CEDEF7 or analogous #F7D2CE, #F7E7CE, #F3F7CE.
- Is Champagne Gold good for text on white?
- Not ideal for small body text (1.22:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 1.22:1 (prefer large accent or background). Contrast vs black: 17.28:1. Complementary swatch: #F7E7CE, #CEDEF7.
Explore related
Yellow colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK