#7a6782

Color #7a6782

A nearly neutral, gray-leaning medium purple.

Closest named color Slate Gray #708090 · ΔE 16.49 Nearest Tailwind class mauve-500 #79697b · ΔE 3.5

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

Conversions

HEX

#7a6782

RGB

rgb(122, 103, 130)

HSL

hsl(282.2, 11.6%, 45.7%)

HSV / HSB

hsv(282.2, 20.8%, 51%)

CMYK

cmyk(6.2%, 20.8%, 0%, 49%)

LAB

lab(46.24, 12.89, -12.15)

LCH

lch(46.24, 17.71, 316.69)

OKLCH

oklch(54.2%, 0.0471, 315.86)

HWB

hwb(282.2, 40.4%, 49%)

Harmony colors

Complementary

#6f8267

Analogous

#6d6782

#7a6782

#82677d

Triadic

#7a6782

#827a67

#67827a

Split-complementary

#7a6782

#7d8267

#67826d

Tetradic

#7a6782

#82676f

#6f8267

#67827a

Square

#7a6782

#826d67

#6f8267

#677d82

Shades

Color #7a6782 mixed toward black.

#66566c

#514557

#3d3441

#29222b

#141116

Tints

Color #7a6782 mixed toward white.

#917e99

#a798ad

#bdb2c2

#d3cbd6

#e9e5eb

Tones

Color #7a6782 mixed toward gray.

#796980

#786c7e

#776e7b

#767079

#757277

Accessibility

Aa White text on this color

5.13:1

Aa Black text on this color

4.09:1

White text reads better on this background (5.13:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#72727c · ΔE 11.1

Deuteranopia

#73757b · ΔE 13.7

Tritanopia

#797776 · ΔE 15.5

Achromatopsia

#6e6e6e · ΔE 15

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

Code

CSS

background-color: #7a6782;

Tailwind (arbitrary value)

bg-[#7a6782]

Related colors

Dark Violet #9400d3

Dark Orchid #9932cc

Medium Orchid #ba55d3

Indigo #4b0082

Blue Violet #8a2be2

Rebecca Purple #663399

Frequently asked questions

#7a6782 (#7a6782) is rgb(122, 103, 130) in RGB.

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

Generate a palette → Check contrast