#717e4b

Color #717e4b

A muted dark green.

Closest named color Dark Olive Green #556b2f · ΔE 10.77 Nearest Tailwind class olive-500 #7c7c67 · ΔE 9.9

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

Conversions

HEX

#717e4b

RGB

rgb(113, 126, 75)

HSL

hsl(75.3, 25.4%, 39.4%)

HSV / HSB

hsv(75.3, 40.5%, 49.4%)

CMYK

cmyk(10.3%, 0%, 40.5%, 50.6%)

LAB

lab(50.62, -13.73, 26.18)

LCH

lch(50.62, 29.56, 117.67)

OKLCH

oklch(57%, 0.0744, 120.46)

HWB

hwb(75.3, 29.4%, 50.6%)

Harmony colors

Complementary

#584b7e

Analogous

#7e714b

#717e4b

#577e4b

Triadic

#717e4b

#4b717e

#7e4b71

Split-complementary

#717e4b

#4b577e

#714b7e

Tetradic

#717e4b

#4b7e58

#584b7e

#7e4b71

Square

#717e4b

#4b7e71

#584b7e

#7e4b57

Shades

Color #717e4b mixed toward black.

#5e693e

#4b5432

#383f25

#262a19

#13150c

Tints

Color #717e4b mixed toward white.

#8e9e5e

#a5b27e

#bbc59e

#d2d9be

#e8ecdf

Tones

Color #717e4b mixed toward gray.

#6f7a4f

#6d7553

#6b7158

#696d5c

#676960

Accessibility

Aa White text on this color

4.39:1

Aa Black text on this color

4.79:1

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

Under color vision deficiencies

Protanopia

#77775b · ΔE 7.7

Deuteranopia

#76755e · ΔE 9.6

Tritanopia

#726567 · ΔE 27.1

Achromatopsia

#787878 · ΔE 18.8

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

Code

CSS

background-color: #717e4b;

Tailwind (arbitrary value)

bg-[#717e4b]

Related colors

Olive Drab #6b8e23

Yellow Green #9acd32

Dark Olive Green #556b2f

Green Yellow #adff2f

Chartreuse #7fff00

Lawn Green #7cfc00

Frequently asked questions

#717e4b (#717e4b) is rgb(113, 126, 75) in RGB.

No, #717e4b is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast