CSS named color
MediumOrchid
#BA55D3
HEX
#ba55d3RGB
rgb(186, 85, 211)HSL
hsl(288, 59%, 58%)OKLCH
oklch(62.56% 0.2024 319.23)NAME
mediumorchidPalette
Complementary
180° on the color wheelComplement
#6ED355
Analogous
±30° around the base hueLeft
#7B55D3
Right
#D355AD
Triadic
±120° for harmonic contrastTriad 1
#D3BA55
Triad 2
#55D3BA
Shades
Lighter and darker variantsCSS usage
By name
color: mediumorchid;
background-color: mediumorchid;By HEX
color: #ba55d3;
background-color: #ba55d3;By RGB
color: rgb(186, 85, 211);
background-color: rgb(186, 85, 211);By HSL
color: hsl(288, 59%, 58%);
background-color: hsl(288, 59%, 58%);WCAG contrast vs white
Aa
3.94:1
AA (large text)
WCAG contrast vs black
Aa
5.33:1
AA
Related colors
FAQ — MediumOrchid
What is the HEX code for MediumOrchid?
The HEX code for MediumOrchid is #BA55D3. It's one of the 148 named CSS colors and can be used directly in CSS as color: mediumorchid; or color: #ba55d3;
What is MediumOrchid in RGB?
MediumOrchid in RGB is rgb(186, 85, 211) — red 186, green 85, blue 211.
What is MediumOrchid in HSL?
MediumOrchid in HSL is hsl(288, 59%, 58%) — hue 288°, saturation 59%, lightness 58%.
What is the complementary color of MediumOrchid?
The complementary color (directly opposite MediumOrchid on the color wheel) is #6ED355. The two together produce maximum contrast.
Is white text readable on MediumOrchid?
The WCAG contrast ratio against white (#FFFFFF) is 3.94:1, and against black (#000000) it's 5.33:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.