#6e3d9f

Color #6e3d9f

A moderately saturated medium purple.

Closest named color Rebecca Purple #663399 · ΔE 4.33 Nearest Tailwind class purple-800 #6e11b0 · ΔE 7.5

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

Conversions

HEX

#6e3d9f

RGB

rgb(110, 61, 159)

HSL

hsl(270, 44.5%, 43.1%)

HSV / HSB

hsv(270, 61.6%, 62.4%)

CMYK

cmyk(30.8%, 61.6%, 0%, 37.6%)

LAB

lab(36.28, 40.92, -45.28)

LCH

lch(36.28, 61.03, 312.1)

OKLCH

oklch(46.8%, 0.1548, 304.07)

HWB

hwb(270, 23.9%, 37.6%)

Harmony colors

Complementary

#6e9f3d

Analogous

#3d3d9f

#6e3d9f

#9f3d9f

Triadic

#6e3d9f

#9f6e3d

#3d9f6e

Split-complementary

#6e3d9f

#9f9f3d

#3d9f3d

Tetradic

#6e3d9f

#9f3d6e

#6e9f3d

#3d9f6e

Square

#6e3d9f

#9f3d3d

#6e9f3d

#3d9f9f

Shades

Color #6e3d9f mixed toward black.

#5c3384

#49296a

#371e4f

#251435

#120a1a

Tints

Color #6e3d9f mixed toward white.

#8650bc

#9e73c9

#b696d7

#cfb9e4

#e7dcf2

Tones

Color #6e3d9f mixed toward gray.

#6e4597

#6e4d8f

#6e5586

#6e5e7e

#6e6676

Accessibility

Aa White text on this color

7.42:1

Aa Black text on this color

2.83:1

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

Under color vision deficiencies

Protanopia

#5d5c8f · ΔE 12.3

Deuteranopia

#5f628b · ΔE 14.7

Tritanopia

#6c807d · ΔE 29.4

Achromatopsia

#555555 · ΔE 26

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

Code

CSS

background-color: #6e3d9f;

Tailwind (arbitrary value)

bg-[#6e3d9f]

Related colors

Rebecca Purple #663399

Blue Violet #8a2be2

Indigo #4b0082

Dark Orchid #9932cc

Medium Purple #9370db

Dark Violet #9400d3

Frequently asked questions

#6e3d9f (#6e3d9f) is rgb(110, 61, 159) in RGB.

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

Generate a palette → Check contrast