#7c737b

Color #7c737b

A nearly neutral, gray-leaning medium magenta.

Closest named color Gray #808080 · ΔE 7.23 Nearest Tailwind class zinc-500 #71717b · ΔE 4.7

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

Conversions

HEX

#7c737b

RGB

rgb(124, 115, 123)

HSL

hsl(306.7, 3.8%, 46.9%)

HSV / HSB

hsv(306.7, 7.3%, 48.6%)

CMYK

cmyk(0%, 7.3%, 0.8%, 51.4%)

LAB

lab(49.47, 5.04, -3.14)

LCH

lch(49.47, 5.94, 328.08)

OKLCH

oklch(56.6%, 0.0163, 329.34)

HWB

hwb(306.7, 45.1%, 51.4%)

Harmony colors

Complementary

#737c74

Analogous

#79737c

#7c737b

#7c7377

Triadic

#7c737b

#7b7c73

#737b7c

Split-complementary

#7c737b

#777c73

#737c79

Tetradic

#7c737b

#7c7473

#737c74

#737b7c

Square

#7c737b

#7c7973

#737c74

#73777c

Shades

Color #7c737b mixed toward black.

#676067

#534d52

#3e3a3e

#292629

#151315

Tints

Color #7c737b mixed toward white.

#928a91

#a8a1a7

#beb9bd

#d4d0d3

#e9e8e9

Tones

Color #7c737b mixed toward gray.

#7b747b

#7b757a

#7a7579

#797679

#787778

Accessibility

Aa White text on this color

4.57:1

Aa Black text on this color

4.6:1

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

Under color vision deficiencies

Protanopia

#787879 · ΔE 6.5

Deuteranopia

#797979 · ΔE 7

Tritanopia

#7c7877 · ΔE 6

Achromatopsia

#767676 · ΔE 6.9

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

Code

CSS

background-color: #7c737b;

Tailwind (arbitrary value)

bg-[#7c737b]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#7c737b (#7c737b) is rgb(124, 115, 123) in RGB.

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

Generate a palette → Check contrast