Rose Gold

#DEA193
RGB
222, 161, 147
HSL
11°, 53%, 72%
CMYK
0, 27, 34, 13
HSV
11°, 34%, 87%

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
Light Magenta
94%
#DEA193
Click to copy
Rose gold
100%
#DDC592
Click to copy
Light Orange
92%

Complementary

#DEA193
Click to copy
Rose gold
100%
#92D0DD
Click to copy
Light Cyan
74%

Split Complementary

#DEA193
Click to copy
Rose gold
100%
#92DDC5
Click to copy
Light Cyan
75%
#92AADD
Click to copy
Light Blue
76%

Triadic

#DEA193
Click to copy
Rose gold
100%
#92DDA0
Click to copy
Light Green
78%
#A092DD
Click to copy
Light Blue
78%

Tetradic

#DEA193
Click to copy
Rose gold
100%
#AADD92
Click to copy
Light Green
82%
#92D0DD
Click to copy
Light Cyan
74%
#C592DD
Click to copy
Light Purple
82%

Square

#DEA193
Click to copy
Rose gold
100%
#AADD92
Click to copy
Light Green
82%
#92D0DD
Click to copy
Light Cyan
74%
#C592DD
Click to copy
Light Purple
82%

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