Codes & values
- Color Name
Rose Gold - Color ID
KDF-C-12021369 - HEX
#B76E79 - RGB
rgb(183, 110, 121) - RGBA
rgba(183, 110, 121, 1) - HSL
hsl(351, 34%, 57%) - HSLA
hsla(351, 34%, 57%, 1) - HSV / HSB
hsv(351, 40%, 72%) - CMYK
cmyk(0%, 40%, 34%, 28%) - Light / Dark
mid
Quick answers
- What is the HEX code for Rose Gold?
- #B76E79
- What is Rose Gold RGB?
- rgb(183, 110, 121)
- What is Rose Gold HSL?
- hsl(351, 34%, 57%)
- What is Rose Gold CMYK?
- cmyk(0%, 40%, 34%, 28%)
What is Rose Gold?
Rose Gold is a curated pink family color at #B76E79. It appears in our library with tags for fashion, logo. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Rose Gold HEX code
The HEX code for Rose Gold is #B76E79. Paste it into CSS as color: #B76E79; or background-color: #B76E79;. Design tools accept the same six-digit value without the # prefix (b76e79).
Rose Gold RGB
Rose Gold in RGB is rgb(183, 110, 121) (channels R 183, G 110, B 121). Use RGB when you need opacity via rgba(183, 110, 121, 1).
Rose Gold HSL & HSV
HSL is hsl(351, 34%, 57%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(351, 40%, 72%), closer to how many digital pickers expose hue, saturation, and brightness.
Rose Gold CMYK
Approximate CMYK for Rose Gold is cmyk(0%, 40%, 34%, 28%). 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 Rose Gold
Darker shades (mixed toward black): #995C65, #7A4951, #5C373D, #3D2528, #1E1214. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Rose Gold
Lighter tints (mixed toward white): #C3868F, #CF9EA6, #DBB7BC, #E7CFD2, #F3E7E9. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Rose Gold
Complementary pairing: #B76E79, #6EB7AC. Analogous neighbors: #B76E9E, #B76E79, #B7876E. Triadic accents: #B76E79, #79B76E, #6E79B7. Always check text contrast when pairing.
Rose Gold color combinations
A practical combo: primary #B76E79, complementary accent #6EB7AC, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #B76E79, #6EB787, #6E9EB7.
Rose Gold in web design
Pink ranges from soft blush UI to bold fashion accents. Pastel pinks suit lifestyle brands; hot pinks need dark backgrounds for readability.
Rose Gold in branding
Pink brands skew beauty, fashion, and social. Deep rose can feel premium; pastel pink feels gentle. Contrast vs white is 3.80:1 (better as a large accent or background than small body text); vs black 5.52:1.
Rose Gold metallic feel
Rose 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 Rose Gold?
- Rose Gold: #B76E79.
- What is Rose Gold RGB?
- Rose Gold: rgb(183, 110, 121).
- What is Rose Gold HSL?
- Rose Gold: hsl(351, 34%, 57%).
- What is Rose Gold CMYK?
- Rose Gold: cmyk(0%, 40%, 34%, 28%).
- What colors go with Rose Gold?
- Try complementary #B76E79, #6EB7AC or analogous #B76E9E, #B76E79, #B7876E.
- Is Rose Gold good for text on white?
- Not ideal for small body text (3.80:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 3.80:1 (prefer large accent or background). Contrast vs black: 5.52:1. Complementary swatch: #B76E79, #6EB7AC.
Explore related
Pink colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK