Colors

#64748B

Slate 500

Slate 500 is #64748B — a neutral used for type, borders, and surfaces. 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.

Conversions

HEX
#64748B
RGB
rgb(100, 116, 139)
HSL
hsl(215,16%,47%)
HSV
hsv(215, 28%, 55%)
CMYK
cmyk(28,17,0,45)
OKLCH
oklch(55.4% 0.041 257.4)

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

#8390A2

20% white

#A2ACB9

40% white

#C1C7D1

60% white

#E0E3E8

80% white

Shades

#505D6F

20% black

#3C4653

40% black

#282E38

60% black

#14171C

80% black

Harmony palettes

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

Complementary

Open in palette generator

#65758B

#8B7B65

#939CA9

#A9A093

#4B5158

Analogous

Open in palette generator

#65888B

#65758B

#68658B

#7B658B

#68887B

Triadic

Open in palette generator

#65758B

#8B6575

#758B65

#A9939C

#5D6954

Split Complementary

Open in palette generator

#65758B

#8B6865

#888B65

#A3AAB3

#58534B

Monochromatic

Open in palette generator

#2B323B

#4B5768

#6B7C94

#97A3B4

#C4CBD4

Tetradic

Open in palette generator

#65758B

#8B6588

#8B7B65

#658B68

#A18CA0

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.76:1
AA normal text Pass
AA large text Pass
AAA normal text Fail
AAA large text Pass
On black · 4.41:1
AA normal text Fail
AA large text Pass
AAA normal text Fail
AAA large text Fail

Similar named colors

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

Use this color