Slate Blue Color Hex Code, RGB & HSL Values

What is the meaning of the Slate Blue color?

Slate Blue is a medium, dusty blue-purple shade. It represents modern industrial slate and collegiate traditions, offering a highly readable, professional color for buttons and text links.

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

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

What are the RGB and HSL codes of Slate Blue?

In the digital sRGB spectrum, the Slate Blue color code is mapped to RGB values of Red: 106, Green: 90, and Blue: 205. In the HSL system, it registers at hue angle 248°, saturation 53%, and lightness index 58%. It represents a balanced medium tone characterized by a balanced, moderate saturation.

CMYK print profiles for Slate Blue color

To reproduce the named shade Slate Blue in print systems, the CMYK ink configuration requires 48% Cyan, 56% Magenta, 0% Yellow, and 20% black. 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 106

Green Channel 90

Blue Channel 205

Luminance 0.148

⇄ Slate Blue Color Space Conversions

Click to copy format

HEX Color Code #6A5ACD

RGB (Red Green Blue) rgb(106, 90, 205)

HSL (Hue Sat Light) hsl(248°, 53%, 58%)

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

HSV / HSB Values hsv(248°, 56%, 80%)

Decimal Color Code 6970061

CSS Custom Variable --color-hex: #6A5ACD;

Tailwind CSS Utility bg-[#6A5ACD]

CSS Named Color slateblue

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #6A5ACD

Small body copy preview

Black Text on Background

Black text readability test with #6A5ACD

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 Slate Blue */
--color-hex: #6A5ACD;
--color-rgb: rgb(106, 90, 205);
--color-hsl: hsl(248deg, 53%, 58%);
--color-name: slateblue;

Aa Known Color Aliases

✦ Slate Blue Color Meaning

In design psychology, Slate Blue is classified as a purple shade, inheriting its psychological associations. The purple hue 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

LuxurySpiritualityMysteryWisdom

Industries

SpiritualityTechnologyFood