#6a5acd rgb(106, 90, 205) 248°, 53%, 58% Use SlateBlue in Your Projects
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
Shades & Tints of SlateBlue
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.slateblue-color {
color: #6a5acd;
background-color: #6a5acd;
}
/* As a CSS custom property */
:root {
--color-slateblue: #6a5acd;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
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. For a triadic scheme, combine with #cd6a5b and #5bcd6a.