Dark Slate Blue #483D8B

Dark Slate Blue#483D8B · rgb(72, 61, 139)

Dark Slate Blue color codes

CSS namedarkslateblue
HEX#483D8B
RGBrgb(72, 61, 139)
HSLhsl(248, 39%, 39%)
CMYKcmyk(48%, 56%, 0%, 45%)
Decimal4734347

Shades of Dark Slate Blue (darker)

#41377D · #3A316F · #322B61 · #2B2553 · #241F46 · #1D1838 · #16122A · #0E0C1C · #07060E

Tints of Dark Slate Blue (lighter)

#5A5097 · #6D64A2 · #7F77AE · #918BB9 · #A49EC5 · #B6B1D1 · #C8C5DC · #DAD8E8 · #EDECF3

Color harmonies

Complementary
#808A3D
Triadic
#8A473D, #3D8A47
Analogous
#3D598A, #6E3D8A

Accessibility (WCAG contrast)

White text on Dark Slate Blue9.07:1 · AAA
Black text on Dark Slate Blue2.32:1 · Fail

Use Dark Slate Blue in code

.element {
  color: darkslateblue;          /* or #483d8b */
  background-color: rgb(72 61 139 / 0.5);
}

Frequently asked questions

What is the hex code for Dark Slate Blue?

Dark Slate Blue is #483D8B in HEX, rgb(72, 61, 139) in RGB and hsl(248, 39%, 39%) in HSL.

Can I use "darkslateblue" directly in CSS?

Yes. "darkslateblue" is one of the 148 standard CSS named colors, so color: darkslateblue; works in every browser.

Is Dark Slate Blue readable on white?

The contrast ratio of Dark Slate Blue on white is 9.07:1 (WCAG AAA). On black it is 2.32:1 (Fail).

What is the complementary color of Dark Slate Blue?

The complementary color (opposite on the color wheel) is #808A3D.

Similar colors

Rebecca Purple#663399Indigo#4B0082Dim Gray#696969Dim Grey#696969Midnight Blue#191970Dark Slate Gray#2F4F4FDark Slate Grey#2F4F4FSlate Gray#708090

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.