#6e4976

Color #6e4976

A muted dark purple.

Closest named color Dark Slate Blue #483d8b · ΔE 23.41 Nearest Tailwind class mauve-600 #594c5b · ΔE 11.4

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

Conversions

HEX

#6e4976

RGB

rgb(110, 73, 118)

HSL

hsl(289.3, 23.6%, 37.5%)

HSV / HSB

hsv(289.3, 38.1%, 46.3%)

CMYK

cmyk(6.8%, 38.1%, 0%, 53.7%)

LAB

lab(36.72, 24.16, -19.5)

LCH

lch(36.72, 31.05, 321.09)

OKLCH

oklch(46.4%, 0.0836, 320.29)

HWB

hwb(289.3, 28.6%, 53.7%)

Harmony colors

Complementary

#517649

Analogous

#584976

#6e4976

#764968

Triadic

#6e4976

#766e49

#49766e

Split-complementary

#6e4976

#687649

#497658

Tetradic

#6e4976

#764951

#517649

#49766e

Square

#6e4976

#765849

#517649

#496876

Shades

Color #6e4976 mixed toward black.

#5c3d62

#49314f

#37253b

#251827

#120c14

Tints

Color #6e4976 mixed toward white.

#8d5d97

#a57cae

#bb9dc2

#d2bdd6

#e8deeb

Tones

Color #6e4976 mixed toward gray.

#6c4d72

#69516f

#67546b

#645867

#625c63

Accessibility

Aa White text on this color

7.3:1

Aa Black text on this color

2.88:1

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

Under color vision deficiencies

Protanopia

#60606d · ΔE 16.2

Deuteranopia

#62656b · ΔE 19.5

Tritanopia

#6d6664 · ΔE 20.9

Achromatopsia

#565656 · ΔE 20.8

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

Code

CSS

background-color: #6e4976;

Tailwind (arbitrary value)

bg-[#6e4976]

Related colors

Medium Orchid #ba55d3

Dark Violet #9400d3

Dark Orchid #9932cc

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Frequently asked questions

#6e4976 (#6e4976) is rgb(110, 73, 118) in RGB.

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

Generate a palette → Check contrast