Rose Gold color guide
HEX
#B76E79
RGB
183, 110, 121
HSL
351°, 34%, 57%
HSV
351°, 40%, 72%
Rose gold (#B76E79) is a warm, pinkish metallic tone that signals modern luxury and approachable premium positioning. It works across fashion, tech, and beauty branding as a more contemporary alternative to traditional gold.
Best for
Educational platforms, course materials, and infographic designs.
Accessibility
Check contrast before using rose gold for text-heavy layouts, especially on low-contrast backgrounds.
How does rose gold compare to nearby colors?
What is the difference between rose gold and pewter?
Pewter (#8E8E8E) carries less pigment punch than Rose Gold (#B76E79), so the pair separates by finish as much as hue. Rose Gold pushes the palette toward sharper emphasis, while Pewter leaves more room for typography, photography, or adjacent accents. Choose rose gold when the color needs to register quickly and act like the headline accent; keep pewter when the rest of the layout needs a quieter companion.
What color is rose gold?
Rose gold surged in popularity after Apple introduced the rose gold iPhone in 2015. Originally a jewelry alloy of gold and copper, the color has become a staple in tech product design, wedding aesthetics, and millennial-targeted branding.
Also known as: Rosé Gold. Some sources cite: #BD6E7C.
What is the hex code for rose gold?
| Format | Value |
|---|---|
| HEX | #B76E79 |
| RGB | rgb(183, 110, 121) |
| HSL | hsl(351°, 34%, 57%) |
| HSV / HSB | hsv(351°, 40%, 72%) |
| CMYK (approx.) | cmyk(0%, 40%, 34%, 28%) |
Convert Rose Gold to other color formats
Open the color converter with Rose Gold (#B76E79) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.
Convert Rose Gold in the color converter →What does rose gold mean in design?
Rose gold communicates contemporary luxury, warmth, and refined femininity without being overtly pink. It bridges the gap between precious-metal prestige and modern accessibility. In design, it reads as premium but approachable — making it effective for brands targeting a design-conscious audience.
How do I use rose gold in code?
| CSS (hex) | color: #B76E79; |
| CSS (rgb) | color: rgb(183, 110, 121); |
| CSS (hsl) | color: hsl(351, 34%, 57%); |
| RGB % | rgb(72%, 43%, 47%) |
| Tailwind | text-[#B76E79] |
| SwiftUI | Color(red: 0.718, green: 0.431, blue: 0.475) |
| UIKit | UIColor(red: 0.718, green: 0.431, blue: 0.475, alpha: 1.0) |
| Android | Color.rgb(183, 110, 121) |
| Compose | Color(0xFFB76E79) |
| Web Safe | #CC6666 |
Is rose gold accessible?
| Combination | Ratio | AA | AA lg | AAA | AAA lg | UI |
|---|---|---|---|---|---|---|
| AaWhite text on this color | 3.8:1 | ✗ | ✓ | ✗ | ✗ | ✓ |
| AaBlack text on this color | 5.52:1 | ✓ | ✓ | ✗ | ✓ | ✓ |
| AaThis color as text on white | 3.8:1 | ✗ | ✓ | ✗ | ✗ | ✓ |
| AaThis color as text on black | 5.52:1 | ✓ | ✓ | ✗ | ✓ | ✓ |
WCAG 2.1: AA normal ≥ 4.5:1, AA large text ≥ 3:1, AAA normal ≥ 7:1, AAA large ≥ 4.5:1, UI components ≥ 3:1.
How does rose gold look with color blindness?
Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.
What colors go with rose gold
Black stays close enough to rose gold that the combination feels cohesive, yet the change in finish and value still gives you usable variation.
Pairing rose gold with white keeps the layout open and lets the color's red-hot cast stay easy to read.
Blush helps rose gold feel more complete in practice because the pairing combines foil warmth qualities with powder blush support instead of leaving the source color to do every job alone.
What colors clash with rose gold
With rose gold, Neon Green pushes the work toward novelty or screen-effect territory faster than most brand or editorial systems can tolerate.
Magenta remaps rose gold too aggressively, dragging it away from premium packaging and celebratory branding and into a brighter, more performative palette.
With rose gold, cyan introduces a colder display-driven cast that strips away some of the source color's tactile character.
Pastel Pink can undercut rose gold's authority by turning the combination more decorative than decisive.
How should I use rose gold in design?
- •Use rose gold as an accent on dark backgrounds (black, charcoal, navy) for a premium, modern feel.
- •Rose gold works well for metallic foil effects in print — pair with white or blush for wedding and event materials.
- •Avoid using rose gold as a background — it loses its metallic association when used in large areas.
What are good rose gold palettes?
Fresh canvas
Educational platforms, course materials, and infographic designs.
Warm hearth
Workshop handouts, training guides, and presentation templates.
Design with rose gold in Moda
Create a presentation or document using rose gold as your accent color. Moda's AI applies your color palette automatically.
Create a design with rose gold →What are the shades and tints of rose gold?
Shades (darker)
Tints (lighter)
Tones (desaturated)
Hue variations
What are the color harmonies for rose gold?
Harmonies are calculated from the base swatch. When a harmony matches a named color page, it links there; otherwise it appears here as a computed reference swatch.
Similar colors
Pewter
Pewter is nearly adjacent to rose gold in hue; what separates them is intensity, with pewter reading dustier and easier to extend across a layout.
Gray
Gray is almost the same hue as rose gold; the real difference is value, with gray feeling more grounded and anchor-ready.
Dark Gray
Dark Gray is almost the same hue as rose gold; the real difference is value, with dark gray feeling more open and surface-friendly.
Chestnut
Chestnut tracks close to rose gold in hue, but the value shift changes where each one earns its place: chestnut is easier to use for headlines, anchors, and darker sections, while rose gold holds onto lighter surfaces and more open applications.
Bronze
Bronze changes the chroma more than the hue, so the decision is really about temperament: more immediate and screen-bright, or more restrained and spreadable.
Frequently asked questions
What is the hex code for rose gold?
The hex code for rose gold is #B76E79. In RGB, that's 183 red, 110 green, and 121 blue. The approximate CMYK equivalent is 0% cyan, 40% magenta, 34% yellow, and 28% key (black).
Is rose gold a warm or cool color?
Rose Gold reads as warm. It feels most natural with creams, golds, rusts, and other warm accents, while cooler partners like navy or teal create sharper contrast.
Where does rose gold work best in a layout?
Rose Gold is flexible enough to move between accents, section blocks, and supporting roles depending on the contrast around it. It works best when the rest of the palette gives it a clear job instead of asking it to do everything at once.
How should I use rose gold in a design?
Rose Gold is versatile enough for headlines, accent bars, buttons, charts, or section backgrounds depending on the contrast around it. It works as either a primary or supporting color in decks, documents, and brand systems.
Can I use rose gold for text or backgrounds?
Rose Gold works better with dark text than white text. Black text reaches 5.52:1 contrast on the swatch, which makes the color more usable as a background or highlight surface than as a dark panel.
More metallic colors
Keep exploring color resources
All color pages
Browse the full library of color references, pairings, and palettes.
Metallic colors
Compare rose gold with other metallic tones.
Brown colors
Explore nearby color families to build stronger palettes and contrasts.
Neutral colors
Explore nearby color families to build stronger palettes and contrasts.
Orange colors
Explore nearby color families to build stronger palettes and contrasts.
Last updated April 6, 2026
Color values are computed from the listed hex code using standard conversion formulas. RGB, HSL, and HSV are exact screen-ready conversions. CMYK is an approximate on-screen reference, not a press-ready print specification. Pairings, palettes, and use-case guidance are heuristic recommendations derived from color relationships, contrast behavior, and common presentation, document, and UI patterns.