#851b7c

Color #851b7c

A moderately saturated dark magenta.

Closest named color Purple #800080 · ΔE 8.68 Nearest Tailwind class fuchsia-900 #721378 · ΔE 4.3

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

Conversions

HEX

#851b7c

RGB

rgb(133, 27, 124)

HSL

hsl(305.1, 66.3%, 31.4%)

HSV / HSB

hsv(305.1, 79.7%, 52.2%)

CMYK

cmyk(0%, 79.7%, 6.8%, 47.8%)

LAB

lab(32.32, 53.91, -29.88)

LCH

lch(32.32, 61.64, 331)

OKLCH

oklch(44%, 0.1752, 331.99)

HWB

hwb(305.1, 10.6%, 47.8%)

Harmony colors

Complementary

#1b8524

Analogous

#591b85

#851b7c

#851b47

Triadic

#851b7c

#7c851b

#1b7c85

Split-complementary

#851b7c

#47851b

#1b8559

Tetradic

#851b7c

#85241b

#1b8524

#1b7c85

Square

#851b7c

#85591b

#1b8524

#1b4785

Shades

Color #851b7c mixed toward black.

#6f1667

#591253

#430d3e

#2c0929

#160415

Tints

Color #851b7c mixed toward white.

#b625a9

#d83dcb

#e26ed8

#eb9ee5

#f5cff2

Tones

Color #851b7c mixed toward gray.

#7c2475

#732d6d

#6b3666

#623e5f

#594757

Accessibility

Aa White text on this color

8.59:1

Aa Black text on this color

2.45:1

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

Under color vision deficiencies

Protanopia

#68676e · ΔE 25.8

Deuteranopia

#6c726a · ΔE 38.2

Tritanopia

#82615e · ΔE 26

Achromatopsia

#4c4c4c · ΔE 26.2

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

Code

CSS

background-color: #851b7c;

Tailwind (arbitrary value)

bg-[#851b7c]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#851b7c (#851b7c) is rgb(133, 27, 124) in RGB.

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

Generate a palette → Check contrast