#701b67

Color #701b67

A moderately saturated dark magenta.

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

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

Conversions

HEX

#701b67

RGB

rgb(112, 27, 103)

HSL

hsl(306.4, 61.2%, 27.3%)

HSV / HSB

hsv(306.4, 75.9%, 43.9%)

CMYK

cmyk(0%, 75.9%, 8%, 56.1%)

LAB

lab(27.32, 45.49, -24.62)

LCH

lch(27.32, 51.73, 331.58)

OKLCH

oklch(39.3%, 0.1474, 332.7)

HWB

hwb(306.4, 10.6%, 56.1%)

Harmony colors

Complementary

#1b7024

Analogous

#4f1b70

#701b67

#701b3d

Triadic

#701b67

#67701b

#1b6770

Split-complementary

#701b67

#3d701b

#1b704f

Tetradic

#701b67

#70241b

#1b7024

#1b6770

Square

#701b67

#704f1b

#1b7024

#1b3d70

Shades

Color #701b67 mixed toward black.

#5e1756

#4b1245

#380e34

#250922

#130511

Tints

Color #701b67 mixed toward white.

#a22795

#cf38bf

#db6acf

#e79bdf

#f3cdef

Tones

Color #701b67 mixed toward gray.

#692262

#62295c

#5b3056

#543751

#4d3f4b

Accessibility

Aa White text on this color

10.29:1

Aa Black text on this color

2.04:1

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

Under color vision deficiencies

Protanopia

#58575b · ΔE 24.5

Deuteranopia

#5b6058 · ΔE 35.4

Tritanopia

#6e514e · ΔE 23.3

Achromatopsia

#414141 · ΔE 24.9

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

Code

CSS

background-color: #701b67;

Tailwind (arbitrary value)

bg-[#701b67]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#701b67 (#701b67) is rgb(112, 27, 103) in RGB.

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

Generate a palette → Check contrast