#708090
Slate Gray
Slate gray is a cool, bluish gray named after slate rock. It is professional, serious, and widely used in corporate design.
Slate Gray Color Values
HEX#708090
RGB112, 128, 144
HSL210°, 13%, 50%
HSV210°, 22%, 56%
CMYK22%, 11%, 0%, 44%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #7A8091 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #767D90 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #688385 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #7E7E7E (~0.003% of population)
Slate Gray as Text Color
Slate Gray on White
4.1:1FAIL
Slate Gray on Light Gray
3.7:1FAIL
Slate Gray on Cream
3.8:1FAIL
Slate Gray on Dark
4.2:1FAIL
Slate Gray on Black
5.2:1AA
Slate Gray on Soft Blue
3.5:1FAIL
Slate Gray on Soft Green
3.6:1FAIL
Slate Gray on Soft Pink
3.4:1FAIL
Nearest Tailwind Class
slate-500
#64748B
Nearest Pantone Match
Very Peri (2022)
#6667AB
CSS Variable Export
:root {
--color-slate-gray: #708090;
--color-slate-gray-rgb: 112, 128, 144;
}Tailwind Config
// tailwind.config.js
colors: {
'slate-gray': '#708090',
}Shades of Slate Gray
#6F7F90
#62707F
#576370
#49545F
#3E4751
#31383F
#262B31
#181C20
#0D0F11
#000000
Tints of Slate Gray
#6F7F90
#808F9D
#8F9CA8
#A0ABB6
#AEB8C1
#C0C7CE
#CED4D9
#DFE3E7
#EEF0F2
#FFFFFF
Color Harmonies
Complementary
#708090
#90806F
Analogous
#6F9090
#6F7F90
#6F6F90
Triadic
#6F7F90
#906F80
#80906F
Slate Gray Text Preview
Heading in Slate Gray
Body text in Slate Gray. The quick brown fox jumps over the lazy dog.
White on Slate Gray
Body text on a Slate Gray background.
Slate Gray text on dark background
Contrast: 4.4:1