Medium Orchid #BA55D3

Medium Orchid#BA55D3 · rgb(186, 85, 211)

Medium Orchid color codes

CSS namemediumorchid
HEX#BA55D3
RGBrgb(186, 85, 211)
HSLhsl(288, 59%, 58%)
CMYKcmyk(12%, 60%, 0%, 17%)
Decimal12211667

Shades of Medium Orchid (darker)

#A74DBE · #9544A9 · #823C94 · #70337F · #5D2B6A · #4A2254 · #381A3F · #25112A · #130915

Tints of Medium Orchid (lighter)

#C166D7 · #C877DC · #CF88E0 · #D699E5 · #DDAAE9 · #E3BBED · #EACCF2 · #F1DDF6 · #F8EEFB

Color harmonies

Complementary
#6ED355
Triadic
#D3BA55, #55D3BA
Analogous
#7B55D3, #D355AD

Accessibility (WCAG contrast)

White text on Medium Orchid3.94:1 · AA large text only
Black text on Medium Orchid5.33:1 · AA

Use Medium Orchid in code

.element {
  color: mediumorchid;          /* or #ba55d3 */
  background-color: rgb(186 85 211 / 0.5);
}

Frequently asked questions

What is the hex code for Medium Orchid?

Medium Orchid is #BA55D3 in HEX, rgb(186, 85, 211) in RGB and hsl(288, 59%, 58%) in HSL.

Can I use "mediumorchid" directly in CSS?

Yes. "mediumorchid" is one of the 148 standard CSS named colors, so color: mediumorchid; works in every browser.

Is Medium Orchid readable on white?

The contrast ratio of Medium Orchid on white is 3.94:1 (WCAG AA large text only). On black it is 5.33:1 (AA).

What is the complementary color of Medium Orchid?

The complementary color (opposite on the color wheel) is #6ED355.

Similar colors

Orchid#DA70D6Medium Purple#9370DBDark Orchid#9932CCBlue Violet#8A2BE2Medium Slate Blue#7B68EEViolet#EE82EEPale Violet Red#DB7093Hot Pink#FF69B4

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.