#be0076

Color #be0076

A vivid, highly saturated dark magenta.

Closest named color Medium Violet Red #c71585 · ΔE 5.47 Nearest Tailwind class pink-700 #c6005c · ΔE 7.4

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

Conversions

HEX

#be0076

RGB

rgb(190, 0, 118)

HSL

hsl(322.7, 100%, 37.3%)

HSV / HSB

hsv(322.7, 100%, 74.5%)

CMYK

cmyk(0%, 100%, 37.9%, 25.5%)

LAB

lab(41.62, 69.86, -10.84)

LCH

lch(41.62, 70.7, 351.18)

OKLCH

oklch(52.6%, 0.2174, 352.63)

HWB

hwb(322.7, 0%, 25.5%)

Harmony colors

Complementary

#00be48

Analogous

#a700be

#be0076

#be0017

Triadic

#be0076

#76be00

#0076be

Split-complementary

#be0076

#17be00

#00bea7

Tetradic

#be0076

#be4800

#00be48

#0076be

Square

#be0076

#bea700

#00be48

#0017be

Shades

Color #be0076 mixed toward black.

#9f0063

#7f004f

#5f003b

#3f0027

#200014

Tints

Color #be0076 mixed toward white.

#f40097

#ff2aae

#ff5fc3

#ff94d7

#ffcaeb

Tones

Color #be0076 mixed toward gray.

#ae1072

#9f206f

#8f306b

#7f3f67

#6f4f63

Accessibility

Aa White text on this color

6.09:1

Aa Black text on this color

3.45:1

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

Under color vision deficiencies

Protanopia

#939268 · ΔE 52.6

Deuteranopia

#9aa264 · ΔE 61.9

Tritanopia

#ba5a57 · ΔE 20.7

Achromatopsia

#626262 · ΔE 27.5

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

Code

CSS

background-color: #be0076;

Tailwind (arbitrary value)

bg-[#be0076]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Lavender Blush #fff0f5

Pale Violet Red #db7093

Orchid #da70d6

Frequently asked questions

#be0076 (#be0076) is rgb(190, 0, 118) in RGB.

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

Generate a palette → Check contrast