What is the hex code for Medium Orchid?

The hex code for Medium Orchid is #BA55D3. In RGB that is rgb(186, 85, 211), and in HSL it is hsl(288, 59%, 58%).

What RGB values make Medium Orchid?

Medium Orchid is 186 red, 85 green, and 211 blue, written as rgb(186, 85, 211).

Medium Orchid scores 3.94:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: mediumorchid directly in CSS, which every browser resolves to #BA55D3.

#BA55D3

Medium Orchid is a pink tone at #BA55D3. It sits at 288 degrees on the color wheel with 59% saturation and 58% lightness.

Color values

Tints mix Medium Orchid with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#F1DDF6

Tint 60%

#E3BBED

Tint 40%

#D699E5

Tint 20%

#C877DC

Base

#BA55D3

Shade 20%

#9544A9

Shade 40%

#70337F

Shade 60%

#4A2254

Shade 80%

#25112A

On white

Sample text

3.94:1

Large text only

On black

Sample text

5.33:1

Passes AA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Medium Orchid?: The hex code for Medium Orchid is #BA55D3. In RGB that is rgb(186, 85, 211), and in HSL it is hsl(288, 59%, 58%).
What RGB values make Medium Orchid?: Medium Orchid is 186 red, 85 green, and 211 blue, written as rgb(186, 85, 211).
Is Medium Orchid readable as text on a white background?: Medium Orchid scores 3.94:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Medium Orchid a valid CSS color name?: Yes. You can write color: mediumorchid directly in CSS, which every browser resolves to #BA55D3.