What is the hex code for MediumOrchid?

The hex code for MediumOrchid is #BA55D3.

What is the RGB value of MediumOrchid?

The RGB value of MediumOrchid is rgb(186, 85, 211).

What is the HSL value of MediumOrchid?

The HSL value of MediumOrchid is hsl(288, 59%, 58%).

What is the HSV value of MediumOrchid?

The HSV value of MediumOrchid is hsv(288, 60%, 83%).

What CSS code do I use for MediumOrchid?

Use background-color: #BA55D3; for background, color: #BA55D3; for text, or border: 1px solid #BA55D3; for borders.

MediumOrchid Hex #BA55D3: HTML Color Code & Gradients

MediumOrchid (#BA55D3) Color Codes & Gradients

Color Preview

Make a gradient with MediumOrchid →

Opens MediumOrchid with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	mediumorchid
Hex	#BA55D3
RGB	rgb(186, 85, 211)
HSV	hsv(288, 60%, 83%)
HSL	hsl(288, 59%, 58%)
OKLCH	oklch(62.56% 0.2024 319.23)

What is the color name for #BA55D3?

#BA55D3 color name is MediumOrchid.

Color Information

The HTML color MediumOrchid has the hexadecimal code #BA55D3 and in the RGB color space is composed of 73% red, 33% green, and 83% blue. The color MediumOrchid has a hue angle of 288.1 degrees, a saturation of 58.9% and a lightness of 58%.

MediumOrchid CSS Code Snippets

Background Color

.bg-mediumorchid { background-color: #BA55D3; }

Text Color

.text-mediumorchid { color: #BA55D3; }

Border Color

.border-mediumorchid { border: 1px solid #BA55D3; }

Shade Gradient

.gradient-shade-mediumorchid { background: linear-gradient(135deg, #BA55D3, #76248A); }

Tint Gradient

.gradient-tint-mediumorchid { background: linear-gradient(135deg, #BA55D3, #E1B6EC); }

Monochromatic Gradient

.gradient-mono-mediumorchid { background: linear-gradient(135deg, #BA55D3, #BA55D3); }

MediumOrchid Shades

#B345CF

#AD35CB

#9F30BA

#912CAA

#83289A

#76248A

MediumOrchid Tints

#C165D7

#C775DB

#CE86E0

#D496E4

#DBA6E8

#E1B6EC

MediumOrchid Tones

#B263C5

#A971B7

#A17FA9

#988D9B

#949494

MediumOrchid Monochromatic

#BA55D3

#9A46AF

#7A388A

#5A2966

#3A1A41

#190C1D

Similar Colors to MediumOrchid

#9055D3

#A155D3

#B255D3

#C255D3

#D355D3

#D355C2

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator