What color is Gray?
Gray is a neutral mid-tone color between black and white, hex #898989, with no strong warm or cool lean at this shade. It has the flat, even tone of concrete or unpolished stone.
What is the meaning of the color Gray?
English recorded ‘gray’ as a color name before the year 700, making it one of the oldest color words in the language. Through the medieval period, undyed wool cloth was commonly described as gray, connecting the word to natural, unprocessed material. By the 19th century, gray became associated with industrial cities and manufactured goods as stone and steel defined the built environment. The United States Navy adopted gray as the standard hull color in 1908, anchoring its meaning to utility and institutional authority.
What colors go with Gray?
Colors that pair well with Gray include:
White: clean, open contrast
Navy Blue: sharp, grounded depth
Yellow: warm, energizing lift
Blush Pink: soft, gentle warmth
Charcoal: tonal, layered balance
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #898989 |
color: #898989;
|
| RGB | 137, 137, 137 |
color: rgb(137, 137, 137);
|
| RGB Percentage | 54%, 54%, 54% |
color: rgb(54%, 54%, 54%);
|
| CMYK | 0%, 0%, 0%, 46% | Not supported in CSS |
| HSL | 0°, 0%, 54% |
color: hsl(0, 0%, 54%);
|
| HSV | 0°, 0%, 54% | Not supported in CSS |
| CIE-LAB | 43, 0, 0 |
color: lab(43% 0 0);
|
| Decimal | 9013641 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.gray {
color: #898989;
}
$gray: #898989;
rgb(137, 137, 137)