Mediumorchid Color — HEX, RGB, HSL & CMYK Codes

#ba55d3
Format Value
HEX #ba55d3
RGB rgb(186, 85, 211)
HSL hsl(288.1, 58.9%, 58%)
CMYK cmyk(11.8%, 59.7%, 0%, 17.3%)
HSV hsv(288.1, 59.7%, 82.7%)

mediumorchid color harmonies

Tints & shades of mediumorchid

Tints (lighter)

#c064d7 #c774db #cd83df #d393e3 #d9a2e7 #e0b2eb #e6c1ef #ecd1f3 #f2e0f7 #f9f0fb

Shades (darker)

#a94dc0 #9846ad #873e99 #763686 #652e73 #552760 #441f4d #33173a #220f26 #110813

Contrast & accessibility

The quick brown fox

On white · 3.94:1 · AA Large

The quick brown fox

On black · 5.33:1 · AA

Recommended text color: #000000

Use mediumorchid in code

CSS color: #ba55d3;
SCSS $color: #ba55d3;
Tailwind bg-[#ba55d3]
Swift UIColor(red: 0.729, green: 0.333, blue: 0.827, alpha: 1)
Android Color.parseColor("#ba55d3")
Flutter Color(0xFFBA55D3)

Colors similar to mediumorchid

Browse all Purple colors →

What is the HEX code for mediumorchid?

The CSS color mediumorchid in HEX format is #ba55d3. Use this value directly in CSS, SVG, and most design tools.

How do I use mediumorchid in CSS?

To apply mediumorchid in CSS:

  • Text color: color: #ba55d3;
  • Background: background-color: #ba55d3;
  • Border: border-color: #ba55d3;

What are all the color format values for mediumorchid?

FormatValue
HEX#ba55d3
RGBrgb(186, 85, 211)
HSLhsl(288.1, 58.9%, 58%)
CMYKcmyk(11.8%, 59.7%, 0%, 17.3%)

How do I convert mediumorchid to HEX?

Select mediumorchid from the color name list in our color converter. The HEX value — #ba55d3 — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does mediumorchid belong to?

mediumorchid belongs to the purple color family. It is a medium, moderately saturated color with HSL values: hue 288.1°, saturation 58.9%, lightness 58%.

How do I create lighter and darker shades of mediumorchid?

Lighter variant (lightness 73%): #d392e3. Darker variant (lightness 43%): #952dae. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.