What is the hex code for SlateGray?

The hex code for SlateGray is #708090.

What is the RGB value of SlateGray?

The RGB value of SlateGray is rgb(112, 128, 144).

What is the HSL value of SlateGray?

The HSL value of SlateGray is hsl(210, 13%, 50%).

What is the HSV value of SlateGray?

The HSV value of SlateGray is hsv(210, 22%, 56%).

What CSS code do I use for SlateGray?

Use background-color: #708090; for background, color: #708090; for text, or border: 1px solid #708090; for borders.

SlateGray Hex #708090: HTML Color Code & Gradients

SlateGray (#708090) Color Codes & Gradients

Color Preview

Make a gradient with SlateGray →

Opens SlateGray with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	slategray
Hex	#708090
RGB	rgb(112, 128, 144)
HSV	hsv(210, 22%, 56%)
HSL	hsl(210, 13%, 50%)
OKLCH	oklch(59.25% 0.0309 248.35)

What is the color name for #708090?

#708090 color name is SlateGray.

Color Information

The HTML color SlateGray has the hexadecimal code #708090 and in the RGB color space is composed of 44% red, 50% green, and 56% blue. The color SlateGray has a hue angle of 210 degrees, a saturation of 12.6% and a lightness of 50.2%.

SlateGray CSS Code Snippets

Background Color

.bg-slategray { background-color: #708090; }

Text Color

.text-slategray { color: #708090; }

Border Color

.border-slategray { border: 1px solid #708090; }

Shade Gradient

.gradient-shade-slategray { background: linear-gradient(135deg, #708090, #3A434B); }

Tint Gradient

.gradient-tint-slategray { background: linear-gradient(135deg, #708090, #B5BDC5); }

Monochromatic Gradient

.gradient-mono-slategray { background: linear-gradient(135deg, #708090, #A9C1D9); }

SlateGray Shades

#677685

#5E6C79

#55616E

#4C5762

#434D57

#3A434B

SlateGray Tints

#7B8A99

#8794A2

#929FAB

#9EA9B4

#A9B3BD

#B5BDC5

SlateGray Tones

#808080

SlateGray Monochromatic

#A9C1D9

#8CA0B4

#708090

#54606C

#373F47

#1B1F23

Similar Colors to SlateGray

#708B90

#708690

#708290

#707E90

#707A90

#707590

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator