#6c895a

Color #6c895a

A muted medium green.

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

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

Conversions

HEX

#6c895a

RGB

rgb(108, 137, 90)

HSL

hsl(97, 20.7%, 44.5%)

HSV / HSB

hsv(97, 34.3%, 53.7%)

CMYK

cmyk(21.2%, 0%, 34.3%, 46.3%)

LAB

lab(53.83, -19.43, 21.95)

LCH

lch(53.83, 29.31, 131.52)

OKLCH

oklch(59.5%, 0.0762, 133.99)

HWB

hwb(97, 35.3%, 46.3%)

Harmony colors

Complementary

#775a89

Analogous

#83895a

#6c895a

#5a895f

Triadic

#6c895a

#5a6c89

#895a6c

Split-complementary

#6c895a

#5f5a89

#895a83

Tetradic

#6c895a

#5a8977

#775a89

#895a6c

Square

#6c895a

#5a8389

#775a89

#895f5a

Shades

Color #6c895a mixed toward black.

#5a724b

#485b3c

#36442d

#242e1e

#12170f

Tints

Color #6c895a mixed toward white.

#83a171

#9cb48d

#b5c7aa

#cedac6

#e6ece3

Tones

Color #6c895a mixed toward gray.

#6d855e

#6e8162

#6f7d66

#70796a

#71756e

Accessibility

Aa White text on this color

3.92:1

Aa Black text on this color

5.36:1

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

Under color vision deficiencies

Protanopia

#7a7a68 · ΔE 13.1

Deuteranopia

#78766b · ΔE 16.4

Tritanopia

#6e7173 · ΔE 21.4

Achromatopsia

#818181 · ΔE 19.7

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

Code

CSS

background-color: #6c895a;

Tailwind (arbitrary value)

bg-[#6c895a]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Green Yellow #adff2f

Dark Olive Green #556b2f

Yellow Green #9acd32

Olive Drab #6b8e23

Frequently asked questions

#6c895a (#6c895a) is rgb(108, 137, 90) in RGB.

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

Generate a palette → Check contrast