Skip to content

Slate Color Code: HEX Code & RGB Code Values ​

Looking for specific slate color code? Get exact slate hex code #708090 and slate RGB code rgb(112,128,144). Complete color information for design and development projects featuring this earthy, stone-grey color.

Visual example of slate color with its earthy, stone-grey appearance
HEX#708090
RGBrgb(112,128,144)

Shades of Slate ​

Create custom shades of slate with our color generator. Adjust hues, tints, and tones to find the perfect shade of slate for your project.

🎨

Shades (Adding Black)

  • 708090
    rgb(112, 128, 144)
  • 5D6A76
    rgb(93, 106, 118)
  • 4A545E
    rgb(74, 84, 94)
  • 383F46
    rgb(56, 63, 70)
  • 272C30
    rgb(39, 44, 48)
  • 17191B
    rgb(23, 25, 27)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 708090
    rgb(112, 128, 144)
  • 8794A2
    rgb(135, 148, 162)
  • 9EA9B4
    rgb(158, 169, 180)
  • B6BDC6
    rgb(182, 189, 198)
  • CED3D9
    rgb(206, 211, 217)
  • E6E9EC
    rgb(230, 233, 236)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 708090
    rgb(112, 128, 144)
  • 72808E
    rgb(114, 128, 142)
  • 747F8B
    rgb(116, 127, 139)
  • 777F88
    rgb(119, 127, 136)
  • 797F85
    rgb(121, 127, 133)
  • 7C7E82
    rgb(124, 126, 130)
  • 808080
    rgb(128, 128, 128)

Slate Palette ​

Explore curated and automatically generated color palettes featuring slate. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#DEE7F0
Light
#B8C3CF
Medium Light
#93A1AF
Medium
#708090
Medium Dark
#515B65
Dark
#34393D
Darkest
#1A1A1A

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#708090
Left Dark
#909CA8
Left Medium
#B1B9C1
Left Light
#D2D6DB
Neutral
#F5F5F5
Right Light
#DBD6D2
Right Medium
#C2B9B0
Right Dark
#A99C8F
Complementary End
#908070

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#B6BDC6
Medium
#708090
Dark
#31404E
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#709080
Left Adjacent 1
#709090
Main
#708090
Right Adjacent 1
#707090
Right Adjacent 2
#807090

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#708090
Complementary
#908070

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#708090
Secondary
#907080
Tertiary
#809070

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#708090
Right 90°
#907090
Complementary
#908070
Left 90°
#709070

Tetradic

Two pairs of complementary colors

4 colors
Main
#708090
Secondary
#807090
Complementary
#908070
Complementary Secondary
#809070

Split Complementary

Complementary colors ±30°

3 colors
Main
#708090
Split Left
#907070
Split Right
#909070

Cyclic

Circular gradient for periodic data

8 colors
0°
#708090
45°
#787090
90°
#907090
135°
#907078
180°
#908070
225°
#889070
270°
#709070
315°
#709088

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#ABB3BA
Pastel 1
#B6BDC3
Pastel 2
#C1C7CD
Pastel 3
#CDD1D6
Pastel 4
#D8DBDF
Deep Pastel
#E3E5E8

Common Grey Color Codes (HEX & RGB) ​

Gray/Grey →
HEX:#808080
RGB:rgb(128, 128, 128)
Silver →
HEX:#C0C0C0
RGB:rgb(192,192,192)
Dark Grey →
HEX:#A9A9A9
RGB:rgb(169, 169, 169)

Extract Slate Hex & RGB Codes from Image ​

Upload a photo to find the exact slate HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Slate Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more for slate shades.

🎨

All Formats:

  • HEX:
    #708090
  • RGB:
    rgb(112, 128, 144)
  • CMYK:
    cmyk(22%, 11%, 0%, 44%)
  • HSV:
    hsv(210°, 22%, 56%)
  • HSL:
    hsl(210°, 13%, 50%)

What is Slate? ​

Slate is an earthy, stone-grey color named after slate rock. It's a durable, natural shade that evokes feelings of strength and stability. This color is often associated with stone, roofing materials, and natural aesthetics.

The hex code for slate is #708090, with RGB values of rgb(112, 128, 144). It's a durable, beautiful color that adds strength to any design.

Design Applications ​

Slate works well in architectural designs, outdoor aesthetics, and natural themes. It pairs beautifully with white, black, and muted blues. Use it for building materials, outdoor designs, or to create a strong, natural atmosphere in your projects.

FAQ ​

What is the slate hex code? ​

The slate hex code is #708090.

What colors complement slate? ​

Slate pairs well with white, black, muted blues, and greens.

Is slate named after the stone? ​

Yes, it's named for the natural slate rock.