What is the HEX code for MediumOrchid?

The HEX code for MediumOrchid is #BA55D3.

What is the RGB value for MediumOrchid?

MediumOrchid uses RGB values 186,85,211.

Can I use MediumOrchid directly in CSS?

Yes. You can use the named CSS color mediumorchid, the HEX value #BA55D3, or rgb(186,85,211).

HTML named color

MediumOrchid color code

Use the MediumOrchid HTML color with HEX #BA55D3, RGB 186,85,211 and HSL 288,59%,58%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast Convert to OKLCH

Violets

#BA55D3

rgb(186,85,211)

HEX

#BA55D3

RGB

rgb(186,85,211)

HSL

hsl(288,59%,58%)

OKLCH

oklch(62.6% 0.202 319.2)

CSS name

mediumorchid

How to use this color

MediumOrchid can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-medium-orchid {
  color: #BA55D3;
}

.bg-medium-orchid {
  background-color: mediumorchid;
}

.border-medium-orchid {
  border-color: rgb(186,85,211);
}