Medium Orchid Color Hex Code, RGB & HSL Values

What is the meaning of the Medium Orchid color?

Medium Orchid is a warm, bright purple color. It blends the passion of magenta with the stability of purple, representing creative confidence, design agency profiles, and art portfolios.

How to use the Medium Orchid color hex code in HTML & CSS?

To style elements with Medium Orchid on a website, use the hex code #BA55D3 in your HTML/CSS. Adding background-color: #BA55D3; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#BA55D3] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Medium Orchid?

In the digital sRGB spectrum, the Medium Orchid color code is mapped to RGB values of Red: 186, Green: 85, and Blue: 211. In the HSL system, it registers at hue angle 288°, saturation 59%, and lightness index 58%. It represents a balanced medium tone characterized by a balanced, moderate saturation.

CMYK print profiles for Medium Orchid color

To reproduce the named shade Medium Orchid in print systems, the CMYK ink configuration requires 12% Cyan, 60% Magenta, 0% Yellow, and 17% black. Purple carries luxury, creative thinking, and sophisticated branding connotations, highly recommended for creative studio layouts.

Red Channel 186

Green Channel 85

Blue Channel 211

Luminance 0.216

⇄ Medium Orchid Color Space Conversions

Click to copy format

HEX Color Code #BA55D3

RGB (Red Green Blue) rgb(186, 85, 211)

HSL (Hue Sat Light) hsl(288°, 59%, 58%)

CMYK (Commercial Print) cmyk(12%, 60%, 0%, 17%)

HSV / HSB Values hsv(288°, 60%, 83%)

Decimal Color Code 12211667

CSS Custom Variable --color-hex: #BA55D3;

Tailwind CSS Utility bg-[#BA55D3]

CSS Named Color mediumorchid

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #BA55D3

Small body copy preview

Black Text on Background

Black text readability test with #BA55D3

Small body copy preview

◈ Complementary & Analogous Harmonies

Computed dynamically

▤ Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles

/* CSS Custom Properties for Medium Orchid */
--color-hex: #BA55D3;
--color-rgb: rgb(186, 85, 211);
--color-hsl: hsl(288deg, 59%, 58%);
--color-name: mediumorchid;

Aa Known Color Aliases

✦ Medium Orchid Color Meaning

Representing the purple color family, Medium Orchid carries the intrinsic characteristics of this organic hue. This color group has been associated with royalty and power since ancient times when Tyrian purple dye cost more than gold by weight. This historical scarcity created a deep psychological association between purple and luxury, wisdom, and spiritual authority. Today, purple bridges the rational energy of blue with the passionate warmth of red, creating a color that feels both innovative and sophisticated. Lighter purples like lavender communicate romance and nostalgia, while deep violets convey mystery and premium quality. In design, purple stands out precisely because it is used less frequently than primary colors, creating an air of exclusivity.

Emotions & Associations

RoyaltySpiritualityCreativityMystery

Industries

BeautyFoodLuxury & Fashion