Colors

#483D8B

Dark Slate Blue

Dark Slate Blue is #483D8B. In CSS you can write it as the keyword darkslateblue. The values below are the same sRGB color in HEX, RGB, HSL, HSV, a simple CMYK conversion, and OKLCH. CMYK here is a channel formula for reference, not a press proof.

Conversions

HEX
#483D8B
RGB
rgb(72, 61, 139)
HSL
hsl(248,39%,39%)
HSV
hsv(248, 56%, 55%)
CMYK
cmyk(48,56,0,45)
OKLCH
oklch(41.4% 0.125 286.0)

Tints and shades

Tints mix this color toward white. Shades mix it toward black in sRGB. For a 50–950 ramp, open the tint and shade generator.

Tints

#6D64A2

20% white

#918BB9

40% white

#B6B1D1

60% white

#DAD8E8

80% white

Shades

#3A316F

20% black

#2B2553

40% black

#1D1838

60% black

#0E0C1C

80% black

Harmony palettes

These schemes rotate hue from Dark Slate Blue. Read the relationships in color theory 101 or adjust them on the color wheel.

Complementary

Open in palette generator

#473D8A

#808A3D

#726AAA

#A1AA6A

#343149

Analogous

Open in palette generator

#3D598A

#473D8A

#6E3D8A

#8A3D80

#427C84

Triadic

Open in palette generator

#473D8A

#8A473D

#3D8A47

#AA726A

#365E3B

Split Complementary

Open in palette generator

#473D8A

#8A6E3D

#598A3D

#857EAF

#464931

Monochromatic

Open in palette generator

#241F47

#40367C

#5B4EB1

#8C83C9

#BDB8E0

Tetradic

Open in palette generator

#473D8A

#8A3D59

#808A3D

#3D8A6E

#A2627A

Contrast against white and black

Ratios use the WCAG relative-luminance formula. AA normal text needs 4.5:1 and large text needs 3:1 under Success Criterion 1.4.3. AAA uses 7:1 and 4.5:1. A pass here is only this pair, not a full page audit. Check other pairings in the contrast checker.

On white · 9.07:1
AA normal text Pass
AA large text Pass
AAA normal text Pass
AAA large text Pass
On black · 2.32:1
AA normal text Fail
AA large text Fail
AAA normal text Fail
AAA large text Fail

Similar named colors

Nearest CSS named colors by RGB distance. Distance is not a perceptual match.

Use this color