#850067

Color #850067

A vivid, highly saturated dark magenta.

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

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

Conversions

HEX

#850067

RGB

rgb(133, 0, 103)

HSL

hsl(313.5, 100%, 26.1%)

HSV / HSB

hsv(313.5, 100%, 52.2%)

CMYK

cmyk(0%, 100%, 22.6%, 47.8%)

LAB

lab(29.33, 56.29, -21.19)

LCH

lch(29.33, 60.15, 339.37)

OKLCH

oklch(41.5%, 0.1791, 341.37)

HWB

hwb(313.5, 0%, 47.8%)

Harmony colors

Complementary

#00851e

Analogous

#610085

#850067

#850025

Triadic

#850067

#678500

#006785

Split-complementary

#850067

#258500

#008561

Tetradic

#850067

#851e00

#00851e

#006785

Square

#850067

#856100

#00851e

#002585

Shades

Color #850067 mixed toward black.

#6f0056

#590045

#430034

#2c0022

#160011

Tints

Color #850067 mixed toward white.

#c40098

#ff04c6

#ff43d5

#ff81e3

#ffc0f1

Tones

Color #850067 mixed toward gray.

#7a0b61

#6f165b

#642155

#592c4f

#4e3749

Accessibility

Aa White text on this color

9.58:1

Aa Black text on this color

2.19:1

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

Under color vision deficiencies

Protanopia

#66655a · ΔE 36.1

Deuteranopia

#6b7157 · ΔE 47.3

Tritanopia

#824e4b · ΔE 22.6

Achromatopsia

#454545 · ΔE 26.1

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

Code

CSS

background-color: #850067;

Tailwind (arbitrary value)

bg-[#850067]

Related colors

Medium Violet Red #c71585

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Frequently asked questions

#850067 (#850067) is rgb(133, 0, 103) in RGB.

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

Generate a palette → Check contrast