Home
Colors
Blues
Dark Slate Blue Color

#483d8b

Dark Slate Blue Color

Blues

A muted dark blue.

Nearest Tailwind class indigo-900 #312c85 · ΔE 5.6

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#483d8b

RGB

rgb(72, 61, 139)

HSL

hsl(248.5, 39%, 39.2%)

HSV / HSB

hsv(248.5, 56.1%, 54.5%)

CMYK

cmyk(48.2%, 56.1%, 0%, 45.5%)

LAB

lab(30.83, 26.05, -42.08)

LCH

lch(30.83, 49.49, 301.76)

OKLCH

oklch(41.4%, 0.1249, 286.04)

HWB

hwb(248.5, 23.9%, 45.5%)

Harmony colors

Complementary

#808b3d

Analogous

#3d598b

#483d8b

#6f3d8b

Triadic

#483d8b

#8b483d

#3d8b48

Split-complementary

#483d8b

#8b6f3d

#598b3d

Tetradic

#483d8b

#8b3d80

#808b3d

#3d8b48

Square

#483d8b

#8b3d59

#808b3d

#3d8b6f

Shades

Dark Slate Blue Color mixed toward black.

#3c3374

#30295d

#241e45

#18142e

#0c0a17

Tints

Dark Slate Blue Color mixed toward white.

#5b4daf

#7b6fc0

#9c93d0

#bdb7df

#dedbef

Tones

Dark Slate Blue Color mixed toward gray.

#4d4384

#514a7e

#565077

#5b5771

#5f5d6a

Accessibility

Aa White text on this color

9.07:1

Aa Black text on this color

2.32:1

White text reads better on this background (9.07:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#43437e · ΔE 4

Deuteranopia

#44457a · ΔE 5.3

Tritanopia

#47716f · ΔE 29.1

Achromatopsia

#494949 · ΔE 23.9

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #483d8b;

Tailwind (arbitrary value)

bg-[#483d8b]

Related colors

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Frequently asked questions

Dark Slate Blue (#483d8b) is rgb(72, 61, 139) in RGB.

No, #483d8b is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #483d8b, or check how it holds up for accessibility.

Generate a palette → Check contrast