Dusty Rose

#DCA1A1
RGB
220, 161, 161
HSL
0°, 46%, 75%
CMYK
0, 27, 27, 14
HSV
0°, 27%, 86%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #DCA1A1 color: #DCA1A1;
RGB 220, 161, 161 color: rgb(220, 161, 161);
RGB Percentage 86%, 63%, 63% color: rgb(86%, 63%, 63%);
CMYK 0%, 27%, 27%, 14% Not supported in CSS
HSL 0°, 46%, 75% color: hsl(0, 46%, 75%);
HSV 0°, 27%, 86% Not supported in CSS
CIE-LAB 60, 12, 0 color: lab(60% 12 0);
Decimal 14459297 Not supported in CSS

Color Variations

Shades

#DDA2A2
#D28686
#C86A6A
#BE4E4E
#A83E3E
#8C3434
#702929
#541F1F

Tints

#F5E3E3
#F1DADA
#EED0D0
#EAC7C7
#E7BEBE
#E3B5B5
#E0ABAB
#DDA2A2

Tones

#DDA2A2
#DAA5A5
#D7A8A8
#D4ABAB
#D1AEAE
#CEB1B1
#CBB4B4
#C8B6B6

Hues

#DDA2A2
#DDCEA2
#BFDDA2
#A2DDB1
#A2DDDD
#A2B1DD
#BFA2DD
#DDA2CE

Color Harmonies

Analogous

#DDA2BF
Click to copy
Light Magenta
93%
#DCA1A1
Click to copy
Dusty rose
100%
#DDBFA2
Click to copy
Light Red
93%

Complementary

#DCA1A1
Click to copy
Dusty rose
100%
#A2DDDD
Click to copy
Light Cyan
77%

Split Complementary

#DCA1A1
Click to copy
Dusty rose
100%
#A2DDBF
Click to copy
Light Green
80%
#A2BFDD
Click to copy
Light Blue
80%

Triadic

#DCA1A1
Click to copy
Dusty rose
100%
#A2DDA2
Click to copy
Light Green
81%
#A2A2DD
Click to copy
Light Blue
81%

Tetradic

#DCA1A1
Click to copy
Dusty rose
100%
#BFDDA2
Click to copy
Light Green
85%
#A2DDDD
Click to copy
Light Cyan
77%
#BFA2DD
Click to copy
Light Blue
85%

Square

#DCA1A1
Click to copy
Dusty rose
100%
#BFDDA2
Click to copy
Light Green
85%
#A2DDDD
Click to copy
Light Cyan
77%
#BFA2DD
Click to copy
Light Blue
85%

CSS & Dev Snippets

CSS
.dusty-rose {
  color: #DCA1A1;
}
SCSS
$dusty-rose: #DCA1A1;
RGB
rgb(220, 161, 161)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags