SlateBlue Color

Learn about SlateBlue (#6a5acd): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#6a5acd
HEX #6a5acd
RGB rgb(106, 90, 205)
HSL 248°, 53%, 58%

About SlateBlue Color

SlateBlue is a muted, sophisticated blue-purple that works well for professional designs needing a creative touch without being overwhelming.

Use Cases for SlateBlue

corporate designcreative agenciesprofessional portfoliosdashboard UIbrand identities

Shades & Tints of SlateBlue

#ffffff
#dad6f3
#b5ade6
#8f83da
#6a5acd
#50449a
#352d67
#1b1733
#000000

Complementary Color

#6a5acd
#becd5b

Analogous Colors

#5b85cd
#6a5acd
#a35bcd

CSS Code

.slateblue-color {
  color: #6a5acd;
}

Contrast Recommendations

Black text on SlateBlue
Ratio: 3.96:1 ✗ Fails AA ✗ Fails AAA
White text on SlateBlue
Ratio: 5.31:1 ✓ Passes AA ✗ Fails AAA

Frequently Asked Questions

What color is SlateBlue?

SlateBlue is represented by the hex code #6a5acd and has RGB values of rgb(106, 90, 205). It falls under the Blue category.

How to use SlateBlue in web design?

SlateBlue works well for corporate design, creative agencies, professional portfolios. SlateBlue is a muted, sophisticated blue-purple that works well for professional designs needing a creative touch without being overwhelming. Use it as a primary color, accent, or background depending on your design needs.

What colors go with SlateBlue?

Colors that pair well with SlateBlue include mediumslateblue, darkslateblue, indigo, royalblue, blueviolet. For a complementary scheme, try #becd5b. For an analogous scheme, use #5b85cd and #a35bcd.