What color is Slate Blue?
Slate blue is a medium, muted blue with grey undertones, hex #557C99, close to the color of faded denim. It has a cool, dusty quality that keeps it from reading as a bright or vivid blue.
What is the meaning of the color Slate Blue?
The name comes from the blue-grey tone of slate rock, a material used in roofing and flooring across Britain and Europe from at least the 16th century. As slate became a common building material, its color entered everyday visual language, and the term slate blue was recorded in English by the early 19th century. The color was adopted in decorative arts and interior design during the Victorian period, when muted, natural tones were favored over saturated hues. The U.S. Navy has used slate blue tones in dress uniform fabrics, giving the color an enduring association with restraint and institutional trust.
What colors go with Slate Blue?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #557C99 |
color: #557C99;
|
| RGB | 85, 124, 153 |
color: rgb(85, 124, 153);
|
| RGB Percentage | 33%, 49%, 60% |
color: rgb(33%, 49%, 60%);
|
| CMYK | 44%, 19%, 0%, 40% | Not supported in CSS |
| HSL | 206°, 29%, 47% |
color: hsl(206, 29%, 47%);
|
| HSV | 206°, 44%, 60% | Not supported in CSS |
| CIE-LAB | 38, -8, -10 |
color: lab(38% -8 -10);
|
| Decimal | 5602457 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.slate-blue {
color: #557C99;
}
$slate-blue: #557C99;
rgb(85, 124, 153)