CSS named color
MediumSlateBlue
#7B68EE
HEX
#7b68eeRGB
rgb(123, 104, 238)HSL
hsl(249, 80%, 67%)OKLCH
oklch(60.45% 0.1939 285.50)NAME
mediumslatebluePalette
Complementary
180° on the color wheelComplement
#DAEE68
Analogous
±30° around the base hueLeft
#6897EE
Right
#BF68EE
Triadic
±120° for harmonic contrastTriad 1
#EE7C68
Triad 2
#68EE7C
Shades
Lighter and darker variantsCSS usage
By name
color: mediumslateblue;
background-color: mediumslateblue;By HEX
color: #7b68ee;
background-color: #7b68ee;By RGB
color: rgb(123, 104, 238);
background-color: rgb(123, 104, 238);By HSL
color: hsl(249, 80%, 67%);
background-color: hsl(249, 80%, 67%);WCAG contrast vs white
Aa
4.15:1
AA (large text)
WCAG contrast vs black
Aa
5.06:1
AA
Related colors
FAQ — MediumSlateBlue
What is the HEX code for MediumSlateBlue?
The HEX code for MediumSlateBlue is #7B68EE. It's one of the 148 named CSS colors and can be used directly in CSS as color: mediumslateblue; or color: #7b68ee;
What is MediumSlateBlue in RGB?
MediumSlateBlue in RGB is rgb(123, 104, 238) — red 123, green 104, blue 238.
What is MediumSlateBlue in HSL?
MediumSlateBlue in HSL is hsl(249, 80%, 67%) — hue 249°, saturation 80%, lightness 67%.
What is the complementary color of MediumSlateBlue?
The complementary color (directly opposite MediumSlateBlue on the color wheel) is #DAEE68. The two together produce maximum contrast.
Is white text readable on MediumSlateBlue?
The WCAG contrast ratio against white (#FFFFFF) is 4.15:1, and against black (#000000) it's 5.06:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.