Purple Blue

#6A5ACD

What color is Purple Blue?

Purple blue is a cool, medium-dark color leaning more toward violet than navy, hex #6A5ACD, with a soft but rich tone similar to a lavender flower deepened by shadow. It has more blue in it than a typical purple, giving it a slightly steely, calm quality.

What is the meaning of the color Purple Blue?

Slate blue, the closest named relative of this shade, was documented in English color references by the early 19th century, reflecting the grey-tinged blue of natural slate stone. The color gained broader cultural presence through its adoption in heraldry and ecclesiastical textile traditions across Europe, where blue-purple tones signaled spiritual authority. By the 20th century, this range of blue-violet had been formally codified in design and web standards, with #6A5ACD listed in the CSS named color set as ‘SlateBlue’ — one of the original 16 colors defined in the HTML 4.01 specification published by the W3C in 1999.

RGB
106, 90, 205
HSL
248°, 53%, 58%
CMYK
48, 56, 0, 20
HSV
248°, 56%, 80%
Purple blue color

What colors go with Purple Blue?

Colors that pair well with Purple blue include:
Soft white: clean, airy contrast
Deep navy: rich tonal depth
Dusty rose: warm, muted balance
Charcoal grey: grounded, neutral anchor
Pale gold: warm, luminous lift

Similar Colors

Conversions & Codes

Format Value CSS
HEX #6A5ACD color: #6A5ACD;
RGB 106, 90, 205 color: rgb(106, 90, 205);
RGB Percentage 42%, 35%, 80% color: rgb(42%, 35%, 80%);
CMYK 48%, 56%, 0%, 20% Not supported in CSS
HSL 248°, 53%, 58% color: hsl(248, 53%, 58%);
HSV 248°, 56%, 80% Not supported in CSS
CIE-LAB 46, 3, -38 color: lab(46% 3 -38);
Decimal 6970061 Not supported in CSS

Color Variations

Shades

#6A5BCD
#5645C6
#4838B5
#3F319E
#362A88
#2D2371
#241C5B
#1B1544

Tints

#D2CEF0
#C4BDEB
#B5ADE6
#A69DE1
#978CDC
#887CD7
#796CD2
#6A5BCD

Tones

#6A5BCD
#6E61C7
#7366C1
#776CBC
#7B72B6
#7F78B0
#837DAB
#8783A5

Hues

#6A5BCD
#BF5BCD
#CD5B85
#CD875B
#BECD5B
#68CD5B
#5BCDA3
#5BA1CD

Color Harmonies

Analogous

#5B85CD
Click to copy
#6A5ACD
Click to copy
#A35BCD
Click to copy

Complementary

#6A5ACD
Click to copy
#BECD5B
Click to copy

Split Complementary

#6A5ACD
Click to copy
#CDA35B
Click to copy
#85CD5B
Click to copy

Triadic

#6A5ACD
Click to copy
#CD6A5B
Click to copy
#5BCD6A
Click to copy

Tetradic

#6A5ACD
Click to copy
#CD5B85
Click to copy
#BECD5B
Click to copy
#5BCDA3
Click to copy

Square

#6A5ACD
Click to copy
#CD5B85
Click to copy
#BECD5B
Click to copy
#5BCDA3
Click to copy

CSS & Dev Snippets

CSS
.purple-blue {
  color: #6A5ACD;
}
SCSS
$purple-blue: #6A5ACD;
RGB
rgb(106, 90, 205)

Accessibility & Contrast

White background

5.31:1
5.31
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.96:1
3.96
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags