#768866

Color #768866

A nearly neutral, gray-leaning medium green.

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

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

Conversions

HEX

#768866

RGB

rgb(118, 136, 102)

HSL

hsl(91.8, 14.3%, 46.7%)

HSV / HSB

hsv(91.8, 25%, 53.3%)

CMYK

cmyk(13.2%, 0%, 25%, 46.7%)

LAB

lab(54.47, -13.08, 16.15)

LCH

lch(54.47, 20.78, 129)

OKLCH

oklch(60.3%, 0.0541, 130.58)

HWB

hwb(91.8, 40%, 46.7%)

Harmony colors

Complementary

#786688

Analogous

#878866

#768866

#668867

Triadic

#768866

#667688

#886676

Split-complementary

#768866

#676688

#886687

Tetradic

#768866

#668878

#786688

#886676

Square

#768866

#668788

#786688

#886766

Shades

Color #768866 mixed toward black.

#627155

#4f5b44

#3b4433

#272d22

#141711

Tints

Color #768866 mixed toward white.

#8d9e7e

#a4b197

#bac5b1

#d1d8cb

#e8ece5

Tones

Color #768866 mixed toward gray.

#768569

#76826c

#77806f

#777d71

#777a74

Accessibility

Aa White text on this color

3.83:1

Aa Black text on this color

5.48:1

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

Under color vision deficiencies

Protanopia

#7e7e6f · ΔE 10.1

Deuteranopia

#7d7c72 · ΔE 12.3

Tritanopia

#777678 · ΔE 18.9

Achromatopsia

#828282 · ΔE 16.1

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

Code

CSS

background-color: #768866;

Tailwind (arbitrary value)

bg-[#768866]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Green Yellow #adff2f

Dark Olive Green #556b2f

Yellow Green #9acd32

Olive Drab #6b8e23

Frequently asked questions

#768866 (#768866) is rgb(118, 136, 102) in RGB.

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

Generate a palette → Check contrast