Medium Purple Color Hex Code, RGB & HSL Values

What is the meaning of the Medium Purple color?

Medium Purple is a balanced, soft purple shade. It represents wisdom, creative calmness, and digital innovation, offering a sophisticated, user-friendly choice for creative app headers.

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

Developers can invoke Medium Purple color codes in stylesheets using color: #9370DB;. For modern CSS frameworks, set it as a variable --color-medium purple: #9370DB;, or implement it in Tailwind using bg-[#9370DB].

What are the RGB and HSL codes of Medium Purple?

The RGB breakdown for Medium Purple is rgb(147, 112, 219). In HSL space, it translates to 260° hue, 60% saturation, and 65% lightness, rendering a balanced, moderate saturation.

CMYK print profiles for Medium Purple color

For print design projects using CMYK ink models, Medium Purple corresponds to Cyan: 33%, Magenta: 49%, Yellow: 0%, and Black: 14%. Purple carries luxury, creative thinking, and sophisticated branding connotations, highly recommended for creative studio layouts.

Red Channel 147

Green Channel 112

Blue Channel 219

Luminance 0.229

⇄ Medium Purple Color Space Conversions

Click to copy format

HEX Color Code #9370DB

RGB (Red Green Blue) rgb(147, 112, 219)

HSL (Hue Sat Light) hsl(260°, 60%, 65%)

CMYK (Commercial Print) cmyk(33%, 49%, 0%, 14%)

HSV / HSB Values hsv(260°, 49%, 86%)

Decimal Color Code 9662683

CSS Custom Variable --color-hex: #9370DB;

Tailwind CSS Utility bg-[#9370DB]

CSS Named Color mediumpurple

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #9370DB

Small body copy preview

Black Text on Background

Black text readability test with #9370DB

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 Purple */
--color-hex: #9370DB;
--color-rgb: rgb(147, 112, 219);
--color-hsl: hsl(260deg, 60%, 65%);
--color-name: mediumpurple;

Aa Known Color Aliases

✦ Medium Purple Color Meaning

As a notable shade in the purple spectrum, Medium Purple embodies the core psychological traits of the purple color family. The purple spectrum 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

CreativityLuxuryMysteryRoyalty

Industries

TechnologyBeautyLuxury & Fashion