#969d84

Color #969d84

A nearly neutral, gray-leaning medium green.

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

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

Conversions

HEX

#969d84

RGB

rgb(150, 157, 132)

HSL

hsl(76.8, 11.3%, 56.7%)

HSV / HSB

hsv(76.8, 15.9%, 61.6%)

CMYK

cmyk(4.5%, 0%, 15.9%, 38.4%)

LAB

lab(63.56, -7.11, 12.25)

LCH

lch(63.56, 14.16, 120.13)

OKLCH

oklch(68.3%, 0.0365, 120.08)

HWB

hwb(76.8, 51.8%, 38.4%)

Harmony colors

Complementary

#8b849d

Analogous

#9d9884

#969d84

#8a9d84

Triadic

#969d84

#84969d

#9d8496

Split-complementary

#969d84

#848a9d

#98849d

Tetradic

#969d84

#849d8b

#8b849d

#9d8496

Square

#969d84

#849d98

#8b849d

#9d848a

Shades

Color #969d84 mixed toward black.

#7e866b

#656b55

#4c5040

#33362b

#191b15

Tints

Color #969d84 mixed toward white.

#a8ad99

#b9bead

#cbcec2

#dcded6

#eeefeb

Tones

Color #969d84 mixed toward gray.

#959b86

#949988

#93978a

#92958c

#91938f

Accessibility

Aa White text on this color

2.82:1

Aa Black text on this color

7.45:1

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

Under color vision deficiencies

Protanopia

#99998b · ΔE 5.5

Deuteranopia

#99988c · ΔE 6.6

Tritanopia

#969091 · ΔE 15.5

Achromatopsia

#9a9a9a · ΔE 11.9

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

Code

CSS

background-color: #969d84;

Tailwind (arbitrary value)

bg-[#969d84]

Related colors

Olive Drab #6b8e23

Yellow Green #9acd32

Dark Olive Green #556b2f

Green Yellow #adff2f

Chartreuse #7fff00

Lawn Green #7cfc00

Frequently asked questions

#969d84 (#969d84) is rgb(150, 157, 132) in RGB.

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

Generate a palette → Check contrast