What color is Warm Gray?
Warm gray is a soft, muted gray with visible beige and brown undertones, hex #A49A87, giving it a dusty, earthy quality. It has the look of unbleached linen left in low afternoon light.
What is the meaning of the color Warm Gray?
Gray with warm undertones was a common feature of natural undyed wools traded across medieval Europe, where the color reflected raw, unprocessed fiber rather than any deliberate dye. The term warm gray gained traction as a distinct category in the 20th century, when paint manufacturers began distinguishing cool blue-based grays from those with yellow and brown bases. Benjamin Moore formalized this distinction in their paint lines, offering warm gray as a named category to help consumers match interior tones to wood floors and natural stone surfaces.
RGB
164, 154, 135
HSL
39°, 14%, 59%
CMYK
0, 6, 18, 36
HSV
39°, 18%, 64%
What colors go with Warm Gray?
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
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
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