slate gray Color Codes
Color Preview
Slate Gray Color Codes
Related Colors
Complementary
#9c918d
Analogous
hsl(226, 7%, 42%)
hsl(166, 7%, 42%)
Triadic
hsl(316, 7%, 42%)
hsl(76, 7%, 42%)
Tetradic
hsl(286, 7%, 42%)
hsl(16, 7%, 42%)
hsl(106, 7%, 42%)
HTML Snippets
.element { background-color: #636E72; }.element { color: #636E72; }This is how the text color would appear.
<span style="color: #636E72;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black4.00 (AA Large)
White5.24 (AA)
Shades of Slate Gray
hsl(196, 7%, 12%)
hsl(196, 7%, 27%)
#636E72
hsl(196, 7%, 57%)
hsl(196, 7%, 72%)
Color Blindness Simulations
Protanopia (Red-Blind)
#68686e
Deuteranopia (Green-Blind)
#67666e
Tritanopia (Blue-Blind)
#646969
Related Palettes
About slate gray
slate gray (#636E72) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.