HTML named color
SlateBlue color code
Use the SlateBlue HTML color with HEX #6A5ACD, RGB 106,90,205 and HSL 248,53%,58%. Copy CSS examples, shades and accessible contrast combinations.
Violets
#6A5ACD
rgb(106,90,205)
HEX
#6A5ACDRGB
rgb(106,90,205)HSL
hsl(248,53%,58%)CSS name
slateblueHow to use this color
SlateBlue can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-slate-blue {
color: #6A5ACD;
}
.bg-slate-blue {
background-color: slateblue;
}
.border-slate-blue {
border-color: rgb(106,90,205);
}Shades palette
#100C27#251D58#3E328B#5647B8#847AC7#B4AEDB#DFDDEE