#5d165a

Color #5d165a

A moderately saturated dark magenta.

Closest named color Purple #800080 · ΔE 23.59 Nearest Tailwind class fuchsia-950 #4b004f · ΔE 4.8

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

Conversions

HEX

#5d165a

RGB

rgb(93, 22, 90)

HSL

hsl(302.5, 61.7%, 22.5%)

HSV / HSB

hsv(302.5, 76.3%, 36.5%)

CMYK

cmyk(0%, 76.3%, 3.2%, 63.5%)

LAB

lab(22.44, 40.29, -24.03)

LCH

lch(22.44, 46.91, 329.19)

OKLCH

oklch(34.9%, 0.1318, 329.8)

HWB

hwb(302.5, 8.6%, 63.5%)

Harmony colors

Complementary

#165d19

Analogous

#3c165d

#5d165a

#5d1636

Triadic

#5d165a

#5a5d16

#165a5d

Split-complementary

#5d165a

#365d16

#165d3c

Tetradic

#5d165a

#5d1916

#165d19

#165a5d

Square

#5d165a

#5d3c16

#165d19

#16365d

Shades

Color #5d165a mixed toward black.

#4d124b

#3e0f3c

#2e0b2d

#1f071e

#0f040f

Tints

Color #5d165a mixed toward white.

#92238d

#c72fc1

#d95fd4

#e694e2

#f2caf1

Tones

Color #5d165a mixed toward gray.

#571c54

#51224f

#4b284a

#452e44

#3f333f

Accessibility

Aa White text on this color

12.15:1

Aa Black text on this color

1.73:1

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

Under color vision deficiencies

Protanopia

#484850 · ΔE 22.1

Deuteranopia

#4c4f4d · ΔE 25

Tritanopia

#5b4644 · ΔE 22.4

Achromatopsia

#363636 · ΔE 24.3

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

Code

CSS

background-color: #5d165a;

Tailwind (arbitrary value)

bg-[#5d165a]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#5d165a (#5d165a) is rgb(93, 22, 90) in RGB.

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

Generate a palette → Check contrast