#5e52a3

Color #5e52a3

A muted medium blue.

Closest named color Dark Slate Blue #483d8b · ΔE 8.87 Nearest Tailwind class blue-800 #193cb8 · ΔE 10.8

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

Conversions

HEX

#5e52a3

RGB

rgb(94, 82, 163)

HSL

hsl(248.9, 33.1%, 48%)

HSV / HSB

hsv(248.9, 49.7%, 63.9%)

CMYK

cmyk(42.3%, 49.7%, 0%, 36.1%)

LAB

lab(39.68, 25.58, -42.33)

LCH

lch(39.68, 49.46, 301.14)

OKLCH

oklch(49%, 0.1259, 287.61)

HWB

hwb(248.9, 32.2%, 36.1%)

Harmony colors

Complementary

#97a352

Analogous

#526ea3

#5e52a3

#8652a3

Triadic

#5e52a3

#a35e52

#52a35e

Split-complementary

#5e52a3

#a38652

#6ea352

Tetradic

#5e52a3

#a35297

#97a352

#52a35e

Square

#5e52a3

#a3526e

#97a352

#52a386

Shades

Color #5e52a3 mixed toward black.

#4e4488

#3f376d

#2f2951

#1f1b36

#100e1b

Tints

Color #5e52a3 mixed toward white.

#776cb5

#9289c4

#ada7d3

#c9c4e1

#e4e2f0

Tones

Color #5e52a3 mixed toward gray.

#63599c

#675f95

#6c668f

#716d88

#767481

Accessibility

Aa White text on this color

6.54:1

Aa Black text on this color

3.21:1

White text reads better on this background (6.54:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#595994 · ΔE 4.5

Deuteranopia

#5a5b91 · ΔE 5.5

Tritanopia

#5d8784 · ΔE 30

Achromatopsia

#5d5d5d · ΔE 23.9

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

Code

CSS

background-color: #5e52a3;

Tailwind (arbitrary value)

bg-[#5e52a3]

Related colors

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#5e52a3 (#5e52a3) is rgb(94, 82, 163) in RGB.

No, #5e52a3 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 #5e52a3, or check how it holds up for accessibility.

Generate a palette → Check contrast