SlateBlue — #6A5ACD HEX Color

#6A5ACDrgb(106, 90, 205)

About SlateBlue

SlateBlue (#6A5ACD) is a warm, mid, vivid blue tone with a hue of 248°, saturation of 53% and lightness of 58%. It works well for corporate and professional UI and conveys a calm feeling. On a white background it reaches a contrast ratio of 5.31:1, while on black it reaches 3.96:1 — so prefer white text when using #6A5ACD as a background.

Color Codes

HEX#6A5ACD

RGBrgb(106, 90, 205)

HSLhsl(248°, 53%, 58%)

CMYKcmyk(48%, 56%, 0%, 20%)

CIELABLab(45.3, 36, -57.8)

Accessibility & Contrast

On white

5.31:1

AA Normal

AA Large

AAA Normal

AAA Large

On black

3.96:1

AA Normal

AA Large

AAA Normal

AAA Large

Recommendation: when using #6A5ACD as a background, use white text for the highest contrast.

Color Schemes

Tints & Shades

Tints (mixed with white)

Shades (mixed with black)

CSS Code Snippets

background-color: #6A5ACD;

color: #6A5ACD;

border: 2px solid #6A5ACD;

background: linear-gradient(135deg, #6A5ACD, #bdcd5a);

Code Export

css

:root {
  --color-primary: #6a5acd;
  --color-primary-rgb: 106, 90, 205;
  --color-primary-hsl: 248, 53%, 58%;
}

Explore Color Tools

Palette GeneratorGenerate harmonious color palettes

Color ConvertersConvert between HEX, RGB, HSL, CMYK

OKLCH PickerPick and convert OKLCH to HEX, RGB, HSL

Gradient GeneratorCreate CSS gradients with live preview

Related Combinations

Gray + Blue

Silver + Blue

Blue + Green

+=Pale Blue / Ice Blue

Navy + White

Frequently Asked Questions

What is the name of color #6A5ACD?

Color #6A5ACD is commonly known as SlateBlue. It is a warm, mid, vivid blue tone.

Is #6A5ACD a warm or cool color?

SlateBlue (#6A5ACD) is a warm color. With a hue of 248°, it falls in the blue family.

What colors go well with #6A5ACD?

Colors that pair well with SlateBlue (#6A5ACD) include its complementary color (#BDCD5A), neutral whites and warm creams, and analogous blue tones for harmonious palettes.