Slate blue color: hex codes, shades and palettes

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

A muted blue-grey named after the stone. Note that CSS also has a keyword `slateblue`, which is a much more saturated violet — they are not the same colour.

#FF9744

#39F5E1

#C0B5FF

#E3A542

#9EDF69

#3BF289

#B7C5FF

#FF4A9F

#00C5B6

#83B2FF

#FA8CB2

#AFA035

#79B6B3

#A1BFC3

#9FC2CC

#CFE3F0

#00567E

#4D769B

#659AD2

#A7BBE7

#82E8EA

#B4C2FF

#FFA9B2

#B8C85C

#A7926F

#756446

#AD907B

#7D8EAF

#E19897

#D88E78

#16BA96

#49A4CE

#009DBE

#FF99C4

#DDB500

#64C1FF

#6C8792

#62A7C1

#9ABECB

#A1DFF3

#FFA55E

#76DB75

#55B8FF

#CD5BAF

#404C63

#2B3B69

#283042

#1D232E

#B7E8F9

#93CADA

#5EAEC3

#6F8990

#66CF85

#7CBB9A

#B4B0EC

#FFBAC4

#9CB4E5

#CBD0FF

#D1B672

#D9C576

#8FD6D9

#A2D2DA

#B4D7E4

#56778D

#899FA6

#CCE4F0

#57A7B4

#CD9393

#F88674

#653D2C

#E27B72

#6EA7CC

#6C807D

#ADC3C5

#81C8DB

#ABCCE3

#FF9C96

#673A29

#70BCAC

#1DB3EB

#AEBBD6

#797798

#D4B4F5

#DFB5E3

#DE9A5E

#00BC7A

#23B5FF

#D97CD7

#146279

#0184BB

#6CA3DC

#A5C5FF

#ABE3FA

#8FCBEA

#95AFBF

#8297A6

Slate blue hex, RGB, HSL and OKLCH

#5B6F8C

HEX: #5B6F8C
RGB: rgb(91, 111, 140)
HSL: hsl(216, 21%, 45%)
OKLCH: oklch(53.7% 0.052 257.6)
On white: 5.13:1
On black: 4.10:1

Shades of slate blue

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 blue on white measures 5.13:1 and on black 4.10: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.27: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:blue, navy, royal blue, cobalt, periwinkle, transparent blue. See every shade on the colors index.

Slate blue color: hex codes, shades and palettes

No slate blue palettes yet

Slate blue hex, RGB, HSL and OKLCH

Shades of slate blue

Contrast and readability