Rose Gold

HEX: #B76E79 | Modern Palette

On White
3.80:1
FAIL
On Black
5.52:1
PASS

Color Specifications

HEX
#B76E79
RGB
183, 110, 121
HSL
351°, 33% ,57%
CMYK
0, 40, 34, 28

About Rose Gold

Rose Gold (#B76E79) is a color with RGB(183, 110, 121) and HSL(351°, 33.6%, 57.5%). In design, it fits Muted, Warm styles and is suitable for Text, Print. Its complementary color is #6EB7AC, which creates strong contrast. Its triadic palette includes #79B76E and #6E79B7. The name comes from Rose Gold (English).

  • HEX: #B76E79
  • RGB: 183, 110, 121
  • HSL: 351°, 33.6%, 57.5%
  • Style: Muted, Warm
  • Use case: Text, Print
  • Complementary color: #6EB7AC
  • Triadic colors: #79B76E, #6E79B7
  • The name comes from Rose Gold (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #B76E79 from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Muted Warm
Use case
Text Print

Accessibility Simulation

Deuteranopia #888877
Protanopia #797979
Tritanopia #B66F6F
Achromatopsia #838383

Frequently Asked Questions

Rose Gold (#B76E79) is a color with RGB(183, 110, 121) and HSL(351°, 33.6%, 57.5%).

#B76E79 pairs strongly with #6EB7AC as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#B76E79 is suitable for Text, Print and works well with Muted, Warm styles.

The name Rose Gold is linked to Rose Gold from English, meaning A gold alloy with copper, giving it a reddish-pink hue..

Name, History & Etymology

Origin Word Rose Gold
Meaning A gold alloy with copper, giving it a reddish-pink hue.
Language English
First Recorded Use Early 19th Century

History

While gold has been alloyed with copper for centuries to increase its hardness and alter its color, the distinct 'rose gold' color gained significant traction in Russia during the Biedermeier era (early 19th century). It was favored for its warmth and unique aesthetic. Its popularity waned somewhat in the mid-20th century but saw a major resurgence in the early 21st century, becoming a dominant trend in jewelry, fashion, and technology.

First Recorded Use

The concept of alloying gold with copper to achieve a reddish tint dates back centuries, but the specific term 'rose gold' and its widespread popularity in jewelry are often attributed to early 19th-century Russia. Carl Fabergé notably used it in his famous Fabergé eggs, sometimes referring to it as 'Russian Gold'.

Cultural Associations

Rose gold is widely associated with romance, femininity, and vintage elegance. Its warm tone is often seen as more flattering to various skin tones than traditional yellow or white gold. It has become a symbol of modern luxury and a popular choice for engagement rings, watches, and electronic devices, reflecting a blend of classic charm and contemporary style.

Similar Named Colors
Turkish Rose #B57281 ΔE 2.41
Old Rose #C08081 ΔE 6.21
Deep Puce #A95C68 ΔE 6.33
Copper Penny #AD6F69 ΔE 6.65

Code Snippets

/* Background */
.element {
    background-color: #B76E79;
}

/* Text */
.element {
    color: #B76E79;
}

/* Border */
.element {
    border: 1px solid #B76E79;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #B76E79,
        #6EB7AC
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #B76E79,
        #6EB7AC
    );
}

// SCSS variable
$rose-gold: #B76E79;

// With RGB channels (useful for rgba() usage)
$rose-gold-r: 183;
$rose-gold-g: 110;
$rose-gold-b: 121;

// Usage
.element {
    background-color: $rose-gold;
    color: rgba($rose-gold-r, $rose-gold-g, $rose-gold-b, 0.8);
}