slate blue Color Codes

Color Preview
Slate Blue Color Codes
Related Colors

Complementary

#95a532

Analogous

hsl(278, 53%, 58%)
hsl(218, 53%, 58%)

Triadic

hsl(8, 53%, 58%)
hsl(128, 53%, 58%)

Tetradic

hsl(338, 53%, 58%)
hsl(68, 53%, 58%)
hsl(158, 53%, 58%)
HTML Snippets
.element { background-color: #6A5ACD; }
.element { color: #6A5ACD; }

This is how the text color would appear.

<span style="color: #6A5ACD;">Colored text</span>

This text has an inline style applied.

Accessibility

Contrast Ratios

Black3.96 (AA Large)
White5.31 (AA)
Shades of Slate Blue

hsl(248, 53%, 28%)

hsl(248, 53%, 43%)

#6A5ACD

hsl(248, 53%, 73%)

hsl(248, 53%, 88%)

Color Blindness Simulations

Protanopia (Red-Blind)

#6363b5

Deuteranopia (Green-Blind)

#6465af

Tritanopia (Blue-Blind)

#696162

About slate blue

slate blue (#6A5ACD) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.