Slate color: hex codes, shades and palettes

Palettes built around slate. Click any swatch to copy its hex code.

A mid grey with a blue cast, named after the stone. Cooler than charcoal and lighter than gunmetal.

#7F656B

#884F4D

#D5B2A4

#6D5130

#5C4D43

#7D6557

#A07E61

#B79D86

#6C8792

#62A7C1

#9ABECB

#A1DFF3

#BDB8B3

#8B8784

#605954

#33302D

#B7E8F9

#93CADA

#5EAEC3

#6F8990

#899FA6

#CCE4F0

#57A7B4

#CD9393

#536761

#3A4844

#242B2A

#0E1211

#151613

#4F544D

#43433F

#5A575B

#6C807D

#ADC3C5

#81C8DB

#ABCCE3

#AEBBD6

#797798

#D4B4F5

#DFB5E3

#0B0E0E

#202828

#394445

#5D6061

#141921

#1D2843

#343B4D

#494C62

#5F6362

#3A423F

#1D2221

#050606

#B9BDBE

#85898A

#4F595E

#2A2C2C

#C4EBEE

#5EA9B7

#7DA4A2

#AC8F96

#C8B69F

#968B7F

#6C6257

#483B2D

#2D3530

#484D4A

#3F433F

#E0DADD

#9CB798

#7B9D7F

#49895C

#247049

#596B71

#484C4E

#2F3031

#14181A

#76949B

#3C80A0

#6593BF

#838C9F

#4E463C

#765F3C

#868170

#ABA06F

#B4BBAF

#8A8E89

#616461

#3B3E3C

#303235

#63666A

#999FAB

#D9DCE5

#F7C2AD

#CEACA1

#B29389

#967A70

Slate hex, RGB, HSL and OKLCH

#4A5560

HEX: #4A5560
RGB: rgb(74, 85, 96)
HSL: hsl(210, 13%, 33%)
OKLCH: oklch(44.4% 0.023 248.3)
On white: 7.61:1
On black: 2.76:1

Shades of slate

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Slate on white measures 7.61:1 and on black 2.76:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.28:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:gray, silver, pewter. See every shade on the colors index.

Slate color: hex codes, shades and palettes

No slate palettes yet

Slate hex, RGB, HSL and OKLCH

Shades of slate

Contrast and readability