Skip to content
Kolorvia
#704a6e

Color #704a6e

A muted dark magenta.

Conversions

HEX
#704a6e
RGB
rgb(112, 74, 110)
HSL
hsl(303.2, 20.4%, 36.5%)
HSV / HSB
hsv(303.2, 33.9%, 43.9%)
CMYK
cmyk(0%, 33.9%, 1.8%, 56.1%)
LAB
lab(36.87, 22.56, -14.27)
LCH
lch(36.87, 26.69, 327.69)
OKLCH
oklch(46.5%, 0.0739, 328.5)
HWB
hwb(303.2, 29%, 56.1%)

Harmony colors

Complementary

#4a704c

Analogous

#5f4a70
#704a6e
#704a5b

Triadic

#704a6e
#6e704a
#4a6e70

Split-complementary

#704a6e
#5b704a
#4a705f

Tetradic

#704a6e
#704c4a
#4a704c
#4a6e70

Square

#704a6e
#705f4a
#4a704c
#4a5b70

Shades

Color #704a6e mixed toward black.

#5d3e5c
#4b3149
#382537
#251925
#130c12

Tints

Color #704a6e mixed toward white.

#91608e
#a97da7
#bf9ebd
#d4bed3
#eadfe9

Tones

Color #704a6e mixed toward gray.

#6d4d6b
#6a5068
#675466
#635763
#605a60

Accessibility

Aa White text on this color
7.26:1
Aa Black text on this color
2.89:1

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

Under color vision deficiencies

Protanopia

#626167 · ΔE 17.5

Deuteranopia

#646665 · ΔE 20.7

Tritanopia

#6e605f · ΔE 16.7

Achromatopsia

#575757 · ΔE 19.8

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

Code

CSS
background-color: #704a6e;
Tailwind (arbitrary value)
bg-[#704a6e]

Related colors

Orchid #da70d6
Dark Magenta #8b008b
Fuchsia #ff00ff
Plum #dda0dd
Purple #800080
Thistle #d8bfd8

Frequently asked questions

#704a6e (#704a6e) is rgb(112, 74, 110) in RGB.

No, #704a6e is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Build something with this color

Generate a full palette from #704a6e, or check how it holds up for accessibility.

We use cookies for site preferences and, where enabled, Google Analytics and Google AdSense — which may use cookies to personalize ads based on your visits here and elsewhere. See our Privacy Policy for details. Your color tool inputs are never sent to us regardless of your choice.