Colors

#708090

Slate Gray

Slate Gray is #708090. In CSS you can write it as the keyword slategray. The values below are the same sRGB color in HEX, RGB, HSL, HSV, a simple CMYK conversion, and OKLCH. CMYK here is a channel formula for reference, not a press proof.

Also named Slate Grey.

Conversions

HEX
#708090
RGB
rgb(112, 128, 144)
HSL
hsl(210,13%,50%)
HSV
hsv(210, 22%, 56%)
CMYK
cmyk(22,11,0,44)
OKLCH
oklch(59.3% 0.031 248.3)

Tints and shades

Tints mix this color toward white. Shades mix it toward black in sRGB. For a 50–950 ramp, open the tint and shade generator.

Tints

#8D99A6

20% white

#A9B3BC

40% white

#C6CCD3

60% white

#E2E6E9

80% white

Shades

#5A6673

20% black

#434D56

40% black

#2D333A

60% black

#161A1D

80% black

Harmony palettes

These schemes rotate hue from Slate Gray. Read the relationships in color theory 101 or adjust them on the color wheel.

Complementary

Open in palette generator

#6F8090

#90806F

#9EA6AE

#AEA69E

#53595F

Analogous

Open in palette generator

#6F9090

#6F8090

#6F6F90

#806F90

#718E80

Triadic

Open in palette generator

#6F8090

#906F80

#80906F

#AE9EA6

#666F5D

Split Complementary

Open in palette generator

#6F8090

#906F6F

#90906F

#ADB3B8

#5F5953

Monochromatic

Open in palette generator

#2C333A

#4E5965

#6F8090

#9AA6B1

#C5CCD3

Tetradic

Open in palette generator

#6F8090

#906F90

#90806F

#6F906F

#A696A6

Contrast against white and black

Ratios use the WCAG relative-luminance formula. AA normal text needs 4.5:1 and large text needs 3:1 under Success Criterion 1.4.3. AAA uses 7:1 and 4.5:1. A pass here is only this pair, not a full page audit. Check other pairings in the contrast checker.

On white · 4.05:1
AA normal text Fail
AA large text Pass
AAA normal text Fail
AAA large text Fail
On black · 5.18:1
AA normal text Pass
AA large text Pass
AAA normal text Fail
AAA large text Pass

Similar named colors

Nearest CSS named colors by RGB distance. Distance is not a perceptual match.

Use this color