#93997c

Color #93997c

A nearly neutral, gray-leaning medium green.

Closest named color Dark Gray #a9a9a9 · ΔE 17.85 Nearest Tailwind class olive-400 #abab9c · ΔE 8.7

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

Conversions

HEX

#93997c

RGB

rgb(147, 153, 124)

HSL

hsl(72.4, 12.4%, 54.3%)

HSV / HSB

hsv(72.4, 19%, 60%)

CMYK

cmyk(3.9%, 0%, 19%, 40%)

LAB

lab(62.03, -7.41, 14.55)

LCH

lch(62.03, 16.33, 116.99)

OKLCH

oklch(67%, 0.0419, 116.99)

HWB

hwb(72.4, 48.6%, 40%)

Harmony colors

Complementary

#827c99

Analogous

#99907c

#93997c

#84997c

Triadic

#93997c

#7c9399

#997c93

Split-complementary

#93997c

#7c8499

#907c99

Tetradic

#93997c

#7c9982

#827c99

#997c93

Square

#93997c

#7c9990

#827c99

#997c84

Shades

Color #93997c mixed toward black.

#7c8265

#636851

#4a4e3d

#323428

#191a14

Tints

Color #93997c mixed toward white.

#a5aa92

#b7bba8

#c9ccbe

#dbddd3

#edeee9

Tones

Color #93997c mixed toward gray.

#92977e

#909481

#8f9283

#8d8f86

#8c8d88

Accessibility

Aa White text on this color

2.96:1

Aa Black text on this color

7.09:1

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

Under color vision deficiencies

Protanopia

#969684 · ΔE 4.9

Deuteranopia

#959586 · ΔE 6

Tritanopia

#938a8b · ΔE 17.8

Achromatopsia

#969696 · ΔE 12.9

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

Code

CSS

background-color: #93997c;

Tailwind (arbitrary value)

bg-[#93997c]

Related colors

Olive Drab #6b8e23

Yellow Green #9acd32

Dark Olive Green #556b2f

Green Yellow #adff2f

Ivory #fffff0

Beige #f5f5dc

Frequently asked questions

#93997c (#93997c) is rgb(147, 153, 124) in RGB.

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

Generate a palette → Check contrast