#500046

Color #500046

A vivid, highly saturated very dark magenta.

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

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

Conversions

HEX

#500046

RGB

rgb(80, 0, 70)

HSL

hsl(307.5, 100%, 15.7%)

HSV / HSB

hsv(307.5, 100%, 31.4%)

CMYK

cmyk(0%, 100%, 12.5%, 68.6%)

LAB

lab(16.25, 40.73, -20.41)

LCH

lch(16.25, 45.56, 333.38)

OKLCH

oklch(29.6%, 0.1316, 334.82)

HWB

hwb(307.5, 0%, 68.6%)

Harmony colors

Complementary

#00500a

Analogous

#320050

#500046

#50001e

Triadic

#500046

#465000

#004650

Split-complementary

#500046

#1e5000

#005032

Tetradic

#500046

#500a00

#00500a

#004650

Square

#500046

#503200

#00500a

#001e50

Shades

Color #500046 mixed toward black.

#43003a

#35002f

#280023

#1b0017

#0d000c

Tints

Color #500046 mixed toward white.

#980085

#df00c3

#ff28e4

#ff70ed

#ffb7f6

Tones

Color #500046 mixed toward gray.

#490741

#430d3c

#3c1437

#351b32

#2f212d

Accessibility

Aa White text on this color

14.69:1

Aa Black text on this color

1.43:1

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

Under color vision deficiencies

Protanopia

#3c3c3d · ΔE 24.5

Deuteranopia

#3f433a · ΔE 34.5

Tritanopia

#4e3432 · ΔE 20.8

Achromatopsia

#282828 · ΔE 24.2

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

Code

CSS

background-color: #500046;

Tailwind (arbitrary value)

bg-[#500046]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#500046 (#500046) is rgb(80, 0, 70) in RGB.

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

Generate a palette → Check contrast