CSS named color
SlateBlue
#6A5ACD
HEX
#6a5acdRGB
rgb(106, 90, 205)HSL
hsl(248, 53%, 58%)OKLCH
oklch(54.36% 0.1712 285.54)NAME
slatebluePalette
Complementary
180° on the color wheelComplement
#BECD5B
Analogous
±30° around the base hueLeft
#5B85CD
Right
#A35BCD
Triadic
±120° for harmonic contrastTriad 1
#CD6A5B
Triad 2
#5BCD6A
Shades
Lighter and darker variantsCSS usage
By name
color: slateblue;
background-color: slateblue;By HEX
color: #6a5acd;
background-color: #6a5acd;By RGB
color: rgb(106, 90, 205);
background-color: rgb(106, 90, 205);By HSL
color: hsl(248, 53%, 58%);
background-color: hsl(248, 53%, 58%);WCAG contrast vs white
Aa
5.31:1
AA
WCAG contrast vs black
Aa
3.96:1
AA (large text)
Related colors
FAQ — SlateBlue
What is the HEX code for SlateBlue?
The HEX code for SlateBlue is #6A5ACD. It's one of the 148 named CSS colors and can be used directly in CSS as color: slateblue; or color: #6a5acd;
What is SlateBlue in RGB?
SlateBlue in RGB is rgb(106, 90, 205) — red 106, green 90, blue 205.
What is SlateBlue in HSL?
SlateBlue in HSL is hsl(248, 53%, 58%) — hue 248°, saturation 53%, lightness 58%.
What is the complementary color of SlateBlue?
The complementary color (directly opposite SlateBlue on the color wheel) is #BECD5B. The two together produce maximum contrast.
Is white text readable on SlateBlue?
The WCAG contrast ratio against white (#FFFFFF) is 5.31:1, and against black (#000000) it's 3.96:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.