- No data uploaded
- Instant results
Dark Slate Blue — #483D8B
Dark Slate Blue is the CSS named colour darkslateblue, hex #483D8B. It has a contrast ratio of 9.07:1 on white and 2.32:1 on black — readable as text on white backgrounds (WCAG AA).
Dark Slate Blue — #483D8B
Contrast on white 9.07:1 · on black 2.32:1
Tints
Shades
Complementary
Triadic
Analogous
Using Dark Slate Blue in code
CSS: color: darkslateblue; or color: #483D8B; · Tailwind: text-[#483D8B] · Android/Flutter: 0xFF483D8B
Dark Slate Blue colour harmonies
Complementary: #808B3D · Triadic: #8B483D, #3D8B48 · Analogous: #3D598B, #6F3D8B. Use tints for backgrounds and shades for hover states.
Dark Slate Blue in every colour format
| Format | Value |
|---|---|
| HEX | #483D8B |
| RGB | rgb(72, 61, 139) |
| HSL | hsl(248, 39%, 39%) |
| HSV | hsv(248, 56%, 55%) |
| CMYK | cmyk(48%, 56%, 0%, 45%) |
| CSS name | darkslateblue |
| Contrast on white | 9.07:1 |
| Contrast on black | 2.32:1 |
Frequently asked questions
What is the hex code for Dark Slate Blue?
#483D8B (CSS name: darkslateblue).
What is Dark Slate Blue in RGB?
rgb(72, 61, 139)
What colour goes well with Dark Slate Blue?
Its complementary colour #808B3D, or the analogous #3D598B and #6F3D8B.