CSS named color
MediumPurple
#9370DB
HEX
#9370dbRGB
rgb(147, 112, 219)HSL
hsl(260, 60%, 65%)OKLCH
oklch(62.69% 0.1580 296.67)NAME
mediumpurplePalette
Complementary
180° on the color wheelComplement
#B8DB70
Analogous
±30° around the base hueLeft
#7082DB
Right
#C970DB
Triadic
±120° for harmonic contrastTriad 1
#DB9470
Triad 2
#70DB94
Shades
Lighter and darker variantsCSS usage
By name
color: mediumpurple;
background-color: mediumpurple;By HEX
color: #9370db;
background-color: #9370db;By RGB
color: rgb(147, 112, 219);
background-color: rgb(147, 112, 219);By HSL
color: hsl(260, 60%, 65%);
background-color: hsl(260, 60%, 65%);WCAG contrast vs white
Aa
3.76:1
AA (large text)
WCAG contrast vs black
Aa
5.58:1
AA
Related colors
FAQ — MediumPurple
What is the HEX code for MediumPurple?
The HEX code for MediumPurple is #9370DB. It's one of the 148 named CSS colors and can be used directly in CSS as color: mediumpurple; or color: #9370db;
What is MediumPurple in RGB?
MediumPurple in RGB is rgb(147, 112, 219) — red 147, green 112, blue 219.
What is MediumPurple in HSL?
MediumPurple in HSL is hsl(260, 60%, 65%) — hue 260°, saturation 60%, lightness 65%.
What is the complementary color of MediumPurple?
The complementary color (directly opposite MediumPurple on the color wheel) is #B8DB70. The two together produce maximum contrast.
Is white text readable on MediumPurple?
The WCAG contrast ratio against white (#FFFFFF) is 3.76:1, and against black (#000000) it's 5.58:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.