- No data uploaded
- Instant results
Slate Blue — #6A5ACD
Slate Blue is the CSS named colour slateblue, hex #6A5ACD. It has a contrast ratio of 5.31:1 on white and 3.96:1 on black — readable as text on white backgrounds (WCAG AA).
Slate Blue — #6A5ACD
Contrast on white 5.31:1 · on black 3.96:1
Tints
Shades
Complementary
Triadic
Analogous
Using Slate Blue in code
CSS: color: slateblue; or color: #6A5ACD; · Tailwind: text-[#6A5ACD] · Android/Flutter: 0xFF6A5ACD
Slate Blue colour harmonies
Complementary: #BDCD5A · Triadic: #CD6A5A, #5ACD6A · Analogous: #5A84CD, #A45ACD. Use tints for backgrounds and shades for hover states.
Slate Blue in every colour format
| Format | Value |
|---|---|
| HEX | #6A5ACD |
| RGB | rgb(106, 90, 205) |
| HSL | hsl(248, 53%, 58%) |
| HSV | hsv(248, 56%, 80%) |
| CMYK | cmyk(48%, 56%, 0%, 20%) |
| CSS name | slateblue |
| Contrast on white | 5.31:1 |
| Contrast on black | 3.96:1 |
Frequently asked questions
What is the hex code for Slate Blue?
#6A5ACD (CSS name: slateblue).
What is Slate Blue in RGB?
rgb(106, 90, 205)
What colour goes well with Slate Blue?
Its complementary colour #BDCD5A, or the analogous #5A84CD and #A45ACD.