#76a671

Color #76a671

A muted medium green.

Closest named color Dark Sea Green #8fbc8f · ΔE 9.99 Nearest Tailwind class emerald-500 #00bc7d · ΔE 11.4

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

Conversions

HEX

#76a671

RGB

rgb(118, 166, 113)

HSL

hsl(114.3, 22.9%, 54.7%)

HSV / HSB

hsv(114.3, 31.9%, 65.1%)

CMYK

cmyk(28.9%, 0%, 31.9%, 34.9%)

LAB

lab(63.6, -26.7, 22.45)

LCH

lch(63.6, 34.88, 139.94)

OKLCH

oklch(67.7%, 0.0922, 142.19)

HWB

hwb(114.3, 44.3%, 34.9%)

Harmony colors

Complementary

#a171a6

Analogous

#91a671

#76a671

#71a686

Triadic

#76a671

#7176a6

#a67176

Split-complementary

#76a671

#8671a6

#a67191

Tetradic

#76a671

#71a6a1

#a171a6

#a67176

Square

#76a671

#7191a6

#a171a6

#a68671

Shades

Color #76a671 mixed toward black.

#5f8f5a

#4c7248

#395636

#263924

#131d12

Tints

Color #76a671 mixed toward white.

#8db589

#a4c4a0

#bbd2b8

#d1e1d0

#e8f0e7

Tones

Color #76a671 mixed toward gray.

#7aa275

#7d9d7a

#81997e

#849483

#889087

Accessibility

Aa White text on this color

2.81:1

Aa Black text on this color

7.46:1

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

Under color vision deficiencies

Protanopia

#8d8e80 · ΔE 17.1

Deuteranopia

#8b8784 · ΔE 23.5

Tritanopia

#798b8d · ΔE 20.8

Achromatopsia

#9a9a9a · ΔE 21.8

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

Code

CSS

background-color: #76a671;

Tailwind (arbitrary value)

bg-[#76a671]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#76a671 (#76a671) is rgb(118, 166, 113) in RGB.

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

Generate a palette → Check contrast