Slate Blue #6A5ACD

Slate Blue#6A5ACD · rgb(106, 90, 205)

Slate Blue color codes

CSS nameslateblue
HEX#6A5ACD
RGBrgb(106, 90, 205)
HSLhsl(248, 53%, 58%)
CMYKcmyk(48%, 56%, 0%, 20%)
Decimal6970061

Shades of Slate Blue (darker)

#5F51B9 · #5548A4 · #4A3F90 · #40367B · #352D67 · #2A2452 · #201B3E · #151229 · #0B0915

Tints of Slate Blue (lighter)

#796BD2 · #887BD7 · #978CDC · #A69CE1 · #B5ADE6 · #C3BDEB · #D2CEF0 · #E1DEF5 · #F0EFFA

Color harmonies

Complementary
#BECD5B
Triadic
#CD6A5B, #5BCD6A
Analogous
#5B85CD, #A35BCD

Accessibility (WCAG contrast)

White text on Slate Blue5.31:1 · AA
Black text on Slate Blue3.96:1 · AA large text only

Use Slate Blue in code

.element {
  color: slateblue;          /* or #6a5acd */
  background-color: rgb(106 90 205 / 0.5);
}

Frequently asked questions

What is the hex code for Slate Blue?

Slate Blue is #6A5ACD in HEX, rgb(106, 90, 205) in RGB and hsl(248, 53%, 58%) in HSL.

Can I use "slateblue" directly in CSS?

Yes. "slateblue" is one of the 148 standard CSS named colors, so color: slateblue; works in every browser.

Is Slate Blue readable on white?

The contrast ratio of Slate Blue on white is 5.31:1 (WCAG AA). On black it is 3.96:1 (AA large text only).

What is the complementary color of Slate Blue?

The complementary color (opposite on the color wheel) is #BECD5B.

Similar colors

Medium Slate Blue#7B68EERoyal Blue#4169E1Medium Purple#9370DBSteel Blue#4682B4Blue Violet#8A2BE2Dark Orchid#9932CCRebecca Purple#663399Cornflower Blue#6495ED

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.