DarkSlateBlue Color — HEX, RGB, HSL, Palettes & Contrast

DarkSlateBlue (#483d8b): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#483d8b
HEX #483d8b
RGB rgb(72, 61, 139)
HSL 248°, 39%, 39%

Use DarkSlateBlue in Your Projects

About DarkSlateBlue Color

DarkSlateBlue is a deep, muted blue-purple that feels authoritative and sophisticated. It works well for legal sites, academic portals, and corporate dashboards.

Use Cases for DarkSlateBlue

legal sitesacademic portalscorporate dashboardsprofessional headersserious brands

Shades & Tints of DarkSlateBlue

#ffffff
#d1cfe2
#a49ec5
#766ea8
#483d8b
#362e68
#241f46
#120f23
#000000

Complementary Color

#483d8b
#808a3d

Analogous Colors

#3d598a
#483d8b
#6e3d8a

Triadic Colors

#483d8b
#8a473d
#3d8a47

Split Complementary

#483d8b
#8a6e3d
#598a3d

Tetradic Colors

#483d8b
#8a3d80
#808a3d
#3d8a47

CSS Code

.darkslateblue-color {
  color: #483d8b;
  background-color: #483d8b;
}

/* As a CSS custom property */
:root {
  --color-darkslateblue: #483d8b;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on DarkSlateBlue
Ratio: 2.32:1 ✗ Fails AA ✗ Fails AAA
White text on DarkSlateBlue
Ratio: 9.07:1 ✓ Passes AA ✓ Passes AAA

Frequently Asked Questions

What color is DarkSlateBlue?

DarkSlateBlue is represented by the hex code #483d8b and has RGB values of rgb(72, 61, 139). It falls under the Blue category.

How to use DarkSlateBlue in web design?

DarkSlateBlue works well for legal sites, academic portals, corporate dashboards. DarkSlateBlue is a deep, muted blue-purple that feels authoritative and sophisticated. It works well for legal sites, academic portals, and corporate dashboards. Use it as a primary color, accent, or background depending on your design needs.

What colors go with DarkSlateBlue?

Colors that pair well with DarkSlateBlue include slateblue, mediumslateblue, indigo, navy, midnightblue. For a complementary scheme, try #808a3d. For an analogous scheme, use #3d598a and #6e3d8a. For a triadic scheme, combine with #8a473d and #3d8a47.