Medium Slate Blue Color Hex Code, RGB & HSL Values

What is the meaning of the Medium Slate Blue color?

Medium Slate Blue is a soft, bright lavender-blue color. It represents creative friendliness, digital communication, and trust, serving as an excellent active state color in apps.

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

Developers can invoke Medium Slate Blue color codes in stylesheets using color: #7B68EE;. For modern CSS frameworks, set it as a variable --color-medium slate blue: #7B68EE;, or implement it in Tailwind using bg-[#7B68EE].

What are the RGB and HSL codes of Medium Slate Blue?

The RGB breakdown for Medium Slate Blue is rgb(123, 104, 238). In HSL space, it translates to 249° hue, 80% saturation, and 67% lightness, rendering a highly vivid, intense, and brilliant shade.

CMYK print profiles for Medium Slate Blue color

For print design projects using CMYK ink models, Medium Slate Blue corresponds to Cyan: 48%, Magenta: 56%, Yellow: 0%, and Black: 7%. In digital designs, blue coordinates like this are highly favored by technical and corporate platforms to foster user trust, stability, and clean readability.

Red Channel 123

Green Channel 104

Blue Channel 238

Luminance 0.203

⇄ Medium Slate Blue Color Space Conversions

Click to copy format

HEX Color Code #7B68EE

RGB (Red Green Blue) rgb(123, 104, 238)

HSL (Hue Sat Light) hsl(249°, 80%, 67%)

CMYK (Commercial Print) cmyk(48%, 56%, 0%, 7%)

HSV / HSB Values hsv(249°, 56%, 93%)

Decimal Color Code 8087790

CSS Custom Variable --color-hex: #7B68EE;

Tailwind CSS Utility bg-[#7B68EE]

CSS Named Color mediumslateblue

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #7B68EE

Small body copy preview

Black Text on Background

Black text readability test with #7B68EE

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 Slate Blue */
--color-hex: #7B68EE;
--color-rgb: rgb(123, 104, 238);
--color-hsl: hsl(249deg, 80%, 67%);
--color-name: mediumslateblue;

Aa Known Color Aliases

✦ Medium Slate Blue Color Meaning

Representing the purple color family, Medium Slate Blue 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

RoyaltyWisdomSpiritualityMystery

Industries

BeautyFoodSpirituality