CSS named color
DarkSlateBlue
#483D8B
HEX
#483d8bRGB
rgb(72, 61, 139)HSL
hsl(248, 39%, 39%)OKLCH
oklch(41.43% 0.1248 286.04)NAME
darkslatebluePalette
Complementary
180° on the color wheelComplement
#808A3D
Analogous
±30° around the base hueLeft
#3D598A
Right
#6E3D8A
Triadic
±120° for harmonic contrastTriad 1
#8A473D
Triad 2
#3D8A47
Shades
Lighter and darker variantsCSS usage
By name
color: darkslateblue;
background-color: darkslateblue;By HEX
color: #483d8b;
background-color: #483d8b;By RGB
color: rgb(72, 61, 139);
background-color: rgb(72, 61, 139);By HSL
color: hsl(248, 39%, 39%);
background-color: hsl(248, 39%, 39%);WCAG contrast vs white
Aa
9.07:1
AAA
WCAG contrast vs black
Aa
2.32:1
Below minimum
Related colors
FAQ — DarkSlateBlue
What is the HEX code for DarkSlateBlue?
The HEX code for DarkSlateBlue is #483D8B. It's one of the 148 named CSS colors and can be used directly in CSS as color: darkslateblue; or color: #483d8b;
What is DarkSlateBlue in RGB?
DarkSlateBlue in RGB is rgb(72, 61, 139) — red 72, green 61, blue 139.
What is DarkSlateBlue in HSL?
DarkSlateBlue in HSL is hsl(248, 39%, 39%) — hue 248°, saturation 39%, lightness 39%.
What is the complementary color of DarkSlateBlue?
The complementary color (directly opposite DarkSlateBlue on the color wheel) is #808A3D. The two together produce maximum contrast.
Is white text readable on DarkSlateBlue?
The WCAG contrast ratio against white (#FFFFFF) is 9.07:1, and against black (#000000) it's 2.32:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.