DarkSlateBlue Color

Learn about DarkSlateBlue (#483d8b): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

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

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

CSS Code

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

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, darkslateblue. For a complementary scheme, try #808a3d. For an analogous scheme, use #3d598a and #6e3d8a.