Slate Blue hex code
The hex code for slate blue is #6A5ACD. In RGB that is rgb(106, 90, 205) and in HSL it is hsl(248, 53%, 58%).
The hex code for slate blue is #6A5ACD. In RGB that is rgb(106, 90, 205) and in HSL it is hsl(248, 53%, 58%).
Slate Blue · #6A5ACD
Colour codes
- HEX
- #6A5ACD
- RGB
- rgb(106, 90, 205)
- HSL
- hsl(248, 53%, 58%)
- CMYK
- 48, 56, 0, 20
- CSS name
- slateblue
- Contrast on white
- 5.31:1
- Contrast on black
- 3.96:1
Tints and shades
20% lighter · #887bd7
40% lighter · #a69ce1
60% lighter · #c3bdeb
80% lighter · #e1def5
20% darker · #5548a4
40% darker · #40367b
60% darker · #2a2452
80% darker · #151229
Complementary colour
Slate Blue · #6A5ACD
Opposite on the colour wheel · #becd5b
Frequently asked questions
What is the hex code for slate blue?
The hex code for slate blue is #6A5ACD. In RGB that is rgb(106, 90, 205) and in HSL it is hsl(248, 53%, 58%).
Can I use slate blue for text?
It has a contrast ratio of 5.31:1 on white and 3.96:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with slate blue?
Its complementary colour, opposite on the colour wheel, is #BECD5B. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of slate blue instead.
Is slate blue a CSS colour name?
Yes. CSS accepts the keyword slateblue, so color: slateblue and color: #6A5ACD render exactly the same.