Dark Slate Blue hex code
The hex code for dark slate blue is #483D8B. In RGB that is rgb(72, 61, 139) and in HSL it is hsl(248, 39%, 39%).
The hex code for dark slate blue is #483D8B. In RGB that is rgb(72, 61, 139) and in HSL it is hsl(248, 39%, 39%).
Dark Slate Blue · #483D8B
Colour codes
- HEX
- #483D8B
- RGB
- rgb(72, 61, 139)
- HSL
- hsl(248, 39%, 39%)
- CMYK
- 48, 56, 0, 45
- CSS name
- darkslateblue
- Contrast on white
- 9.07:1
- Contrast on black
- 2.32:1
Tints and shades
20% lighter · #6d64a2
40% lighter · #918bb9
60% lighter · #b6b1d1
80% lighter · #dad8e8
20% darker · #3a316f
40% darker · #2b2553
60% darker · #1d1838
80% darker · #0e0c1c
Complementary colour
Dark Slate Blue · #483D8B
Opposite on the colour wheel · #808a3d
Frequently asked questions
What is the hex code for dark slate blue?
The hex code for dark slate blue is #483D8B. In RGB that is rgb(72, 61, 139) and in HSL it is hsl(248, 39%, 39%).
Can I use dark slate blue for text?
It has a contrast ratio of 9.07:1 on white and 2.32: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 dark slate blue?
Its complementary colour, opposite on the colour wheel, is #808A3D. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of dark slate blue instead.
Is dark slate blue a CSS colour name?
Yes. CSS accepts the keyword darkslateblue, so color: darkslateblue and color: #483D8B render exactly the same.