Warm Gray

#A49A87
RGB
164, 154, 135
HSL
39°, 14%, 59%
CMYK
0, 6, 18, 36
HSV
39°, 18%, 64%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #A49A87 color: #A49A87;
RGB 164, 154, 135 color: rgb(164, 154, 135);
RGB Percentage 64%, 60%, 53% color: rgb(64%, 60%, 53%);
CMYK 0%, 6%, 18%, 36% Not supported in CSS
HSL 39°, 14%, 59% color: hsl(39, 14%, 59%);
HSV 39°, 18%, 64% Not supported in CSS
CIE-LAB 47, 2, 6 color: lab(47% 2 6);
Decimal 10787463 Not supported in CSS

Color Variations

Shades

#A59B88
#988C77
#897D68
#786E5B
#675E4E
#564E41
#453F34
#332F27

Tints

#E4E1DB
#DBD7CF
#D2CDC3
#C9C3B7
#C0B9AC
#B7AFA0
#AEA594
#A59B88

Tones

#A59B88
#A49A89
#A29A8B
#A19A8C
#9F998E
#9E998F
#9C9891
#9B9892

Hues

#A59B88
#99A588
#88A58C
#88A5A2
#8892A5
#9488A5
#A588A1
#A5888B

Color Harmonies

Analogous

#A58C88
Click to copy
Red
97%
#A49A87
Click to copy
Warm gray
100%
#A1A588
Click to copy
Yellow
97%

Complementary

#A49A87
Click to copy
Warm gray
100%
#8892A5
Click to copy
Blue
91%

Split Complementary

#A49A87
Click to copy
Warm gray
100%
#88A1A5
Click to copy
Cyan
91%
#8C88A5
Click to copy
Blue
90%

Triadic

#A49A87
Click to copy
Warm gray
100%
#88A59B
Click to copy
Cyan
92%
#9B88A5
Click to copy
Purple
92%

Tetradic

#A49A87
Click to copy
Warm gray
100%
#88A58C
Click to copy
Green
93%
#8892A5
Click to copy
Blue
91%
#A588A1
Click to copy
Purple
93%

Square

#A49A87
Click to copy
Warm gray
100%
#88A58C
Click to copy
Green
93%
#8892A5
Click to copy
Blue
91%
#A588A1
Click to copy
Purple
93%

CSS & Dev Snippets

CSS
.warm-gray {
  color: #A49A87;
}
SCSS
$warm-gray: #A49A87;
RGB
rgb(164, 154, 135)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags