#78855c

Color #78855c

A muted medium green.

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

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

Conversions

HEX

#78855c

RGB

rgb(120, 133, 92)

HSL

hsl(79, 18.2%, 44.1%)

HSV / HSB

hsv(79, 30.8%, 52.2%)

CMYK

cmyk(9.8%, 0%, 30.8%, 47.8%)

LAB

lab(53.54, -12.25, 20.58)

LCH

lch(53.54, 23.95, 120.76)

OKLCH

oklch(59.5%, 0.0612, 122.52)

HWB

hwb(79, 36.1%, 47.8%)

Harmony colors

Complementary

#695c85

Analogous

#857d5c

#78855c

#63855c

Triadic

#78855c

#5c7885

#855c78

Split-complementary

#78855c

#5c6385

#7d5c85

Tetradic

#78855c

#5c8569

#695c85

#855c78

Square

#78855c

#5c857d

#695c85

#855c63

Shades

Color #78855c mixed toward black.

#646f4d

#50593d

#3c422e

#282c1f

#14160f

Tints

Color #78855c mixed toward white.

#909e73

#a6b18f

#bcc5ab

#d3d8c7

#e9ece3

Tones

Color #78855c mixed toward gray.

#77825f

#757e63

#747b66

#73776a

#72746d

Accessibility

Aa White text on this color

3.96:1

Aa Black text on this color

5.31:1

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

Under color vision deficiencies

Protanopia

#7e7e68 · ΔE 7.9

Deuteranopia

#7d7c6a · ΔE 9.6

Tritanopia

#797072 · ΔE 23.6

Achromatopsia

#808080 · ΔE 16.9

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

Code

CSS

background-color: #78855c;

Tailwind (arbitrary value)

bg-[#78855c]

Related colors

Olive Drab #6b8e23

Yellow Green #9acd32

Dark Olive Green #556b2f

Green Yellow #adff2f

Chartreuse #7fff00

Lawn Green #7cfc00

Frequently asked questions

#78855c (#78855c) is rgb(120, 133, 92) in RGB.

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

Generate a palette → Check contrast