What is the hex code for SlateBlue?

The hex code for SlateBlue is #6A5ACD.

What is the RGB value of SlateBlue?

The RGB value of SlateBlue is rgb(106, 90, 205).

What is the HSL value of SlateBlue?

The HSL value of SlateBlue is hsl(248, 53%, 58%).

What is the HSV value of SlateBlue?

The HSV value of SlateBlue is hsv(248, 56%, 80%).

What CSS code do I use for SlateBlue?

Use background-color: #6A5ACD; for background, color: #6A5ACD; for text, or border: 1px solid #6A5ACD; for borders.

SlateBlue Hex #6A5ACD: HTML Color Code & Gradients

SlateBlue (#6A5ACD) Color Codes & Gradients

Color Preview

Make a gradient with SlateBlue →

Opens SlateBlue with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download.

Want a palette around SlateBlue? Use the Color Palette Generator →

Technical Color Values (Hex, RGB, HSV, HSL, OKLCH)

HTML Name	slateblue
Hex	#6A5ACD
RGB	rgb(106, 90, 205)
HSV	hsv(248, 56%, 80%)
HSL	hsl(248, 53%, 58%)
OKLCH	oklch(54.36% 0.1712 285.54)

What is the color name for #6A5ACD?

#6A5ACD color name is SlateBlue.

Color Information

The HTML color SlateBlue has the hexadecimal code #6A5ACD and in the RGB color space is composed of 42% red, 35% green, and 80% blue. The color SlateBlue has a hue angle of 248.3 degrees, a saturation of 53.5% and a lightness of 57.8%.

SlateBlue CSS Code Snippets

.bg-slateblue { background-color: #6A5ACD; }

.text-slateblue { color: #6A5ACD; }

.border-slateblue { border: 1px solid #6A5ACD; }

.gradient-shade-slateblue { background: linear-gradient(135deg, #6A5ACD, #352884); }

.gradient-tint-slateblue { background: linear-gradient(135deg, #6A5ACD, #BFB8E9); }

.gradient-mono-slateblue { background: linear-gradient(135deg, #6A5ACD, #6A5ACD); }

SlateBlue Shades

#5C4AC8

#4E3BC3

#4836B3

#4232A4

#3B2D94

#352884

SlateBlue Tints

#786AD2

#8679D6

#9489DB

#A399E0

#B1A8E5

#BFB8E9

SlateBlue Tones

#7468BF

#7E76B1

#8884A3

#929295

#939393

SlateBlue Monochromatic

#6A5ACD

#574AA9

#443A84

#312A60

#1F1A3B

#0C0A17

Similar Colors to SlateBlue

#5A70CD

#5A61CD

#625ACD

#725ACD

#815ACD

#905ACD

SlateBlue Color Harmonies

Complementary Open in the color wheel →

#6A5ACD

#BDCD5A

Analogous Open in the color wheel →

#5ABDCD

#5A84CD

#6A5ACD

#A45ACD

#CD5ABD

Triadic Open in the color wheel →

#6A5ACD

#CD6A5A

#5ACD6A

Split Complementary Open in the color wheel →

#6A5ACD

#CDA35A

#84CD5A

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator

SlateBlue (#6A5ACD) Color Codes & Gradients

Color Preview

Technical Color Values (Hex, RGB, HSV, HSL, OKLCH)

What is the color name for #6A5ACD?

Color Information

SlateBlue CSS Code Snippets

SlateBlue Shades

SlateBlue Tints

SlateBlue Tones

SlateBlue Monochromatic

Similar Colors to SlateBlue

SlateBlue Color Harmonies

Generate a Gradient