#5b0049

Color #5b0049

A vivid, highly saturated very dark magenta.

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

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

Conversions

HEX

#5b0049

RGB

rgb(91, 0, 73)

HSL

hsl(311.9, 100%, 17.8%)

HSV / HSB

hsv(311.9, 100%, 35.7%)

CMYK

cmyk(0%, 100%, 19.8%, 64.3%)

LAB

lab(18.82, 43.49, -18.26)

LCH

lch(18.82, 47.17, 337.22)

OKLCH

oklch(31.9%, 0.1391, 339.12)

HWB

hwb(311.9, 0%, 64.3%)

Harmony colors

Complementary

#005b12

Analogous

#3f005b

#5b0049

#5b001b

Triadic

#5b0049

#495b00

#00495b

Split-complementary

#5b0049

#1b5b00

#005b3f

Tetradic

#5b0049

#5b1200

#005b12

#00495b

Square

#5b0049

#5b3f00

#005b12

#001b5b

Shades

Color #5b0049 mixed toward black.

#4c003d

#3d0031

#2d0024

#1e0018

#0f000c

Tints

Color #5b0049 mixed toward white.

#a10081

#e700b9

#ff2dd5

#ff73e3

#ffb9f1

Tones

Color #5b0049 mixed toward gray.

#530844

#4c0f40

#44173b

#3d1e37

#352632

Accessibility

Aa White text on this color

13.63:1

Aa Black text on this color

1.54:1

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

Under color vision deficiencies

Protanopia

#454440 · ΔE 28.4

Deuteranopia

#484c3d · ΔE 38

Tritanopia

#593735 · ΔE 20.1

Achromatopsia

#2e2e2e · ΔE 24.5

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

Code

CSS

background-color: #5b0049;

Tailwind (arbitrary value)

bg-[#5b0049]

Related colors

Orchid #da70d6

Medium Violet Red #c71585

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Frequently asked questions

#5b0049 (#5b0049) is rgb(91, 0, 73) in RGB.

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

Generate a palette → Check contrast