bluecoolCSS named color

Darkslateblue #483D8B

Darkslateblue is a dark, muted cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues · Indigo Colors

Color values

FormatValue
HEX#483D8B
RGBrgb(72, 61, 139)
HSLhsl(248, 39%, 39%)
HSVhsv(248, 56%, 55%)
OKLCHoklch(41.43% 0.125 286)
OKLaboklab(41.43% 0.0345 -0.12)
CMYKcmyk(48.2%, 56.1%, 0%, 45.5%)
XYZxyz(9.0001, 6.5789, 25.2167)
CIE-LABlab(30.8, 26.1, -42.1)
CIE-LCHlch(30.8, 49.5, 301.8°)
Luminance0.066 (WCAG relative)
/* Darkslateblue */ --darkslateblue: #483d8b; color: #483d8b; background-color: #483d8b;

Source: W3C CSS named color. CSS keyword: darkslateblue.

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#41377c #3b326e #352c60 #2e2752 #282144 #221c37 #1b172b #16121f #0d0a13 #000000

Tints (toward white)

#5b4e96 #6e60a2 #8073ad #9285b9 #a499c4 #b6acd0 #c8c0dc #dad5e7 #edeaf3 #ffffff

Tones (toward gray)

#493e84 #4a407d #4b4177 #4c4270 #4c4369 #4c4463 #4b455c #4b4656 #4a474f #494949

Color harmonies

Complementary

Edit in generator →
#483D8B
#808B3D
#483d8b #808b3d

Analogous

Edit in generator →
#3D598B
#483D8B
#6F3D8B
#3d598b #483d8b #6f3d8b

Triadic

Edit in generator →
#483D8B
#8B483D
#3D8B48
#483d8b #8b483d #3d8b48

Tetradic

Edit in generator →
#483D8B
#8B3D59
#808B3D
#3D8B6F
#483d8b #8b3d59 #808b3d #3d8b6f

Square

Edit in generator →
#483D8B
#8B3D59
#808B3D
#3D8B6F
#483d8b #8b3d59 #808b3d #3d8b6f

Split Complementary

Edit in generator →
#483D8B
#8B6F3D
#598B3D
#483d8b #8b6f3d #598b3d

Monochromatic

Edit in generator →
#1C1836
#322A60
#483D8B
#6052B3
#877DC6
#1c1836 #322a60 #483d8b #6052b3 #877dc6

Accessibility & contrast

9.07
#483D8B on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
2.32
#483D8B on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on darkslateblue

9.07
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#124B8E
Deuteranopia (green-blind)
#104689
Tritanopia (blue-blind)
#324E5E

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Blueberry #4641962.33
Ocean Blue #4F42B56.80
Twilight #4E518B6.80
Rebeccapurple #6633997.34
Dusk #4E54818.91
Blue Blue #2242C79.98

Colors that go with darkslateblue

Top matches by hue harmony, contrast and saturation compatibility.

Light Violet #D6B4FC
5.1:1
Analogous hue (Δh ≈20°) — neighbors on the color wheel
Neon Blue #04D9FF
5.3:1
Warm/cool bridge (Δh 59°) — adds depth without tension
Light Salmon #FEA993
4.9:1
Triadic harmony (Δh ≈124°) — balanced three-way contrast
Warm Beige #E9DCC9
6.7:1
Split-complementary angle (Δh ≈147°) — strong but softer than direct complement
Light Olive #ACBF69
4.5:1
Complementary hue (Δh ≈175°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.