Slate Blue is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #6A5ACD, which equals rgb(106, 90, 205) in RGB and hsl(248, 53%, 58%) in HSL. In print terms it converts to roughly C48 M56 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#6A5ACD - RGB
106, 90, 205 - HSL
248°, 53%, 58% - CMYK
48, 56, 0, 20 - Family
Blue - Tone
Medium, moderately saturated
About Slate Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 5.31:1. Its complementary color is #BECD5B.
Download Slate Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Slate Blue color codes
| HEX | #6A5ACD |
|---|---|
| RGB | rgb(106, 90, 205) |
| HSL | hsl(248, 53%, 58%) |
| HSV | 248°, 56%, 80% |
| CMYK | 48%, 56%, 0%, 20% |
| Decimal | 6970061 |
Shades and tints of Slate Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6E4F7 - 100
#CDC8EE - 200
#B5ADE6 - 300
#9C91DE - 400
#8376D5 - 500
#6A5ACD - 600
#584BAB - 700
#473C89 - 800
#352D67 - 900
#231E44 - 950
#120F22
Color harmonies for Slate Blue
- Complementary
#BECD5B≈ Medium Light Soft Lime - Analogous −30°
#5B85CD≈ Medium Light Soft Cornflower - Analogous +30°
#A35BCD≈ Medium Light Soft Amethyst - Triadic +120°
#CD6A5B≈ Medium Light Soft Vermilion - Triadic +240°
#5BCD6A≈ Medium Light Soft Emerald - Split 150°
#CDA35B≈ Medium Light Soft Tangerine - Split 210°
#85CD5B≈ Medium Light Soft Fern
Contrast and accessibility of Slate Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Slate Blue | Aa | 5.31:1 | AA (good) |
| Black text on Slate Blue | Aa | 3.96:1 | AA Large only |
CSS code for Slate Blue
background-color: #6A5ACD;color: #6A5ACD;background-color: rgb(106, 90, 205);background-color: hsl(248, 53%, 58%);:root { --color-slate-blue: #6A5ACD; }class="bg-[#6A5ACD]"Colors similar to Slate Blue
- Medium Light Soft Indigo
#6D54D4 - Medium Light Soft Ultramarine
#6054D4 - Medium Light Soft Iris
#7A54D4 - Iris
#5A4FCF - Medium Light Muted Blue
#6969BF - Medium Light Soft Royal
#5460D4 - Medium Light Soft Blue
#5454D4 - Medium Light Muted Ultramarine
#7269BF - Medium Light Muted Indigo
#7A69BF - Medium Light Soft Periwinkle
#8754D4 - Muted Iris
#6B4DB2 - Medium Light Soft Cobalt
#546DD4
More blue shades
- Medium Blue
#0000CD - Medium Purple
#9370DB - Medium Slate Blue
#7B68EE - Medium Turquoise
#48D1CC - Pale Turquoise
#AFEEEE - Powder Blue
#B0E0E6 - Steel Blue
#4682B4 - Turquoise
#40E0D0 - Cerulean
#007BA7 - Sapphire
#0F52BA - Periwinkle
#CCCCFF
Frequently asked questions
What is the HEX code for Slate Blue?
The HEX code for Slate Blue is #6A5ACD.
What is the RGB value of Slate Blue?
Slate Blue has an RGB value of 106, 90, 205 (rgb(106, 90, 205)). In HSL it is 248°, 53%, 58%.
What text color should I use on Slate Blue?
Use white text on Slate Blue. White text has a contrast ratio of 5.31:1 and black text has 3.96:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Slate Blue?
The complementary color of Slate Blue is #BECD5B. Analogous colors #5B85CD and #A35BCD also pair well.