#726677

Color #726677

A nearly neutral, gray-leaning medium purple.

Closest named color Dim Gray #696969 · ΔE 11.28 Nearest Tailwind class mauve-500 #79697b · ΔE 2.2

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

Conversions

HEX

#726677

RGB

rgb(114, 102, 119)

HSL

hsl(282.4, 7.7%, 43.3%)

HSV / HSB

hsv(282.4, 14.3%, 46.7%)

CMYK

cmyk(4.2%, 14.3%, 0%, 53.3%)

LAB

lab(44.82, 8.17, -7.76)

LCH

lch(44.82, 11.27, 316.47)

OKLCH

oklch(52.7%, 0.03, 316.08)

HWB

hwb(282.4, 40%, 53.3%)

Harmony colors

Complementary

#6b7766

Analogous

#696677

#726677

#776673

Triadic

#726677

#777266

#667772

Split-complementary

#726677

#737766

#667769

Tetradic

#726677

#77666b

#6b7766

#667772

Square

#726677

#776966

#6b7766

#667377

Shades

Color #726677 mixed toward black.

#5f5563

#4c444f

#39333b

#262228

#131114

Tints

Color #726677 mixed toward white.

#8a7d90

#a297a6

#b9b1bc

#d0cbd3

#e8e5e9

Tones

Color #726677 mixed toward gray.

#716775

#716974

#706a73

#706c71

#6f6d70

Accessibility

Aa White text on this color

5.41:1

Aa Black text on this color

3.88:1

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

Under color vision deficiencies

Protanopia

#6d6d73 · ΔE 8.3

Deuteranopia

#6e6f72 · ΔE 10.2

Tritanopia

#71706f · ΔE 11.5

Achromatopsia

#6a6a6a · ΔE 10.9

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

Code

CSS

background-color: #726677;

Tailwind (arbitrary value)

bg-[#726677]

Related colors

Dark Violet #9400d3

Dark Orchid #9932cc

Medium Orchid #ba55d3

Indigo #4b0082

Blue Violet #8a2be2

Rebecca Purple #663399

Frequently asked questions

#726677 (#726677) is rgb(114, 102, 119) in RGB.

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

Generate a palette → Check contrast