Slate Blue color values
| Format | Value |
|---|---|
| Hex | #6A5ACD |
| RGB | rgb(106, 90, 205) |
| HSL | hsl(248, 53%, 58%) |
| HSV | 248, 56%, 80% |
| CMYK (simple conversion) | 48%, 56%, 0%, 20% |
| Decimal | 6970061 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Slate Blue
A muted, purplish blue that resembles certain types of natural slate rock. Designers select it for moody, sophisticated interfaces and alternative tech branding. It offers the stability of blue combined with the creative nuance of purple in a subdued package. It is one of the 148 CSS named colors.
Shades and tints of Slate Blue
Tints mix Slate Blue with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #796BD2 | #5F51B9 |
| 20% | #887BD7 | #5548A4 |
| 30% | #978CDC | #4A3F90 |
| 40% | #A69CE1 | #40367B |
| 50% | #B5ADE6 | #352D67 |
Color harmony for Slate Blue
These colors keep the same saturation and lightness as Slate Blue and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #BDCD5A |
| Analogous | #5A84CD #A45ACD |
| Triadic | #CD6A5A #5ACD6A |
| Split complementary | #CDA35A #84CD5A |
Contrast and accessibility
Contrast between #6A5ACD and white is 5.31:1 (passes AA). Against black it is 3.96:1 (large text only). For text on a Slate Blue background, white text is the more readable choice.
Use Slate Blue in CSS
.element {
color: slateblue;
background-color: #6A5ACD;
border-color: rgb(106 90 205);
outline-color: hsl(248 53% 58%);
}All four lines produce exactly the same color. The keyword slateblue is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- mediumslateblue: #7B68EE
- Royal Blue: #4169E1
- mediumpurple: #9370DB
- Steel Blue: #4682B4
FAQ
What is the hex code for Slate Blue?
The hex code for Slate Blue is #6A5ACD. As a CSS color keyword you can also write slateblue.
What is Slate Blue in RGB?
Slate Blue is rgb(106, 90, 205): red 106, green 90, blue 205 on the 0 to 255 scale.
What color is closest to Slate Blue?
Of the CSS named colors, mediumslateblue (#7B68EE) is the closest match to Slate Blue, followed by royalblue and mediumpurple.
More colors
- Sky Blue: previous page
- Slate Gray: next page
- CSS named colors: the full list