#50193f

Color #50193f

A moderately saturated dark magenta.

Closest named color Dark Slate Blue #483d8b · ΔE 33.39 Nearest Tailwind class fuchsia-950 #4b004f · ΔE 8.2

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

Conversions

HEX

#50193f

RGB

rgb(80, 25, 63)

HSL

hsl(318.5, 52.4%, 20.6%)

HSV / HSB

hsv(318.5, 68.8%, 31.4%)

CMYK

cmyk(0%, 68.8%, 21.2%, 68.6%)

LAB

lab(19.06, 30.49, -11.15)

LCH

lch(19.06, 32.46, 339.91)

OKLCH

oklch(31.5%, 0.0958, 341.81)

HWB

hwb(318.5, 9.8%, 68.6%)

Harmony colors

Complementary

#19502a

Analogous

#461950

#50193f

#501924

Triadic

#50193f

#3f5019

#193f50

Split-complementary

#50193f

#245019

#195046

Tetradic

#50193f

#502a19

#19502a

#193f50

Square

#50193f

#504619

#19502a

#192450

Shades

Color #50193f mixed toward black.

#431535

#35112a

#280d20

#1b0815

#0d040b

Tints

Color #50193f mixed toward white.

#832968

#b73990

#cf65ae

#df98c9

#efcce4

Tones

Color #50193f mixed toward gray.

#4b1e3d

#47223c

#42273a

#3e2b38

#393036

Accessibility

Aa White text on this color

13.53:1

Aa Black text on this color

1.55:1

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

Under color vision deficiencies

Protanopia

#3f3f38 · ΔE 28.2

Deuteranopia

#424537 · ΔE 33.8

Tritanopia

#4e3231 · ΔE 15

Achromatopsia

#2e2e2e · ΔE 22.1

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

Code

CSS

background-color: #50193f;

Tailwind (arbitrary value)

bg-[#50193f]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#50193f (#50193f) is rgb(80, 25, 63) in RGB.

No, #50193f is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #50193f, or check how it holds up for accessibility.

Generate a palette → Check contrast