Rose Gold

#DEA193

What color is Rose Gold?

Rose gold is a soft, warm pink with a gentle metallic blush, hex #DEA193, similar in tone to the inside of a peach. The color has a dusty, muted quality rather than a bright or saturated pink.

What is the meaning of the color Rose Gold?

The color rose gold originated as a metallic alloy — a blend of gold and copper — used in Russian jewelry in the early 19th century, where it was known as Russian gold. Cartier popularized it in 1924 with the Trinity ring, a three-band design that brought the warm pink-gold tone to international attention. Apple’s introduction of a rose gold iPhone in 2015 relaunched the color as a dominant trend in consumer products and design.

RGB
222, 161, 147
HSL
11°, 53%, 72%
CMYK
0, 27, 34, 13
HSV
11°, 34%, 87%
Rose gold color

What colors go with Rose Gold?

Colors that pair well with Rose gold include:
Ivory: soft, warm harmony
Dusty blue: cool, gentle contrast
Deep burgundy: rich, grounding depth
Sage green: muted, natural balance
Charcoal: strong, modern contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #DEA193 color: #DEA193;
RGB 222, 161, 147 color: rgb(222, 161, 147);
RGB Percentage 87%, 63%, 58% color: rgb(87%, 63%, 58%);
CMYK 0%, 27%, 34%, 13% Not supported in CSS
HSL 11°, 53%, 72% color: hsl(11, 53%, 72%);
HSV 11°, 34%, 87% Not supported in CSS
CIE-LAB 58, 12, 5 color: lab(58% 12 5);
Decimal 14590355 Not supported in CSS

Color Variations

Shades

#DDA092
#D58776
#CC6F5A
#C4563D
#A94934
#8C3D2B
#703123
#54251A

Tints

#F5E2DE
#F2D9D3
#EECFC8
#EBC6BD
#E8BCB3
#E4B3A8
#E1A99D
#DDA092

Tones

#DDA092
#DAA296
#D6A499
#D2A79D
#CEA9A1
#CBACA5
#C7AEA8
#C3B0AC

Hues

#DDA092
#DDD892
#AADD92
#92DDB3
#92D0DD
#9297DD
#C592DD
#DD92BD

Color Harmonies

Analogous

#DD92AA
Click to copy
99%
#DEA193
Click to copy
#DDC592
Click to copy

Complementary

#DEA193
Click to copy
#92D0DD
Click to copy

Split Complementary

#DEA193
Click to copy
#92DDC5
Click to copy
#92AADD
Click to copy

Triadic

#DEA193
Click to copy
#92DDA0
Click to copy
#A092DD
Click to copy

Tetradic

#DEA193
Click to copy
#AADD92
Click to copy
#92D0DD
Click to copy
#C592DD
Click to copy

Square

#DEA193
Click to copy
#AADD92
Click to copy
#92D0DD
Click to copy
#C592DD
Click to copy

CSS & Dev Snippets

CSS
.rose-gold {
  color: #DEA193;
}
SCSS
$rose-gold: #DEA193;
RGB
rgb(222, 161, 147)

Accessibility & Contrast

White background

2.18:1
2.18
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

9.63:1
9.63
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags