#87c074

Color #87c074

A muted light green.

Closest named color Dark Sea Green #8fbc8f · ΔE 17.06 Nearest Tailwind class green-500 #00c950 · ΔE 10.2

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

Conversions

HEX

#87c074

RGB

rgb(135, 192, 116)

HSL

hsl(105, 37.6%, 60.4%)

HSV / HSB

hsv(105, 39.6%, 75.3%)

CMYK

cmyk(29.7%, 0%, 39.6%, 24.7%)

LAB

lab(72.3, -32.8, 32.54)

LCH

lch(72.3, 46.2, 135.23)

OKLCH

oklch(75%, 0.1204, 138.16)

HWB

hwb(105, 45.5%, 24.7%)

Harmony colors

Complementary

#ad74c0

Analogous

#adc074

#87c074

#74c087

Triadic

#87c074

#7487c0

#c07487

Split-complementary

#87c074

#8774c0

#c074ad

Tetradic

#87c074

#74c0ad

#ad74c0

#c07487

Square

#87c074

#74adc0

#ad74c0

#c08774

Shades

Color #87c074 mixed toward black.

#69b051

#538d40

#3f6a30

#2a4720

#152310

Tints

Color #87c074 mixed toward white.

#9bca8b

#afd5a2

#c3dfba

#d7ead1

#ebf4e8

Tones

Color #87c074 mixed toward gray.

#8aba7a

#8db381

#91ad87

#94a78d

#97a094

Accessibility

Aa White text on this color

2.14:1

Aa Black text on this color

9.82:1

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

Under color vision deficiencies

Protanopia

#a3a38b · ΔE 17

Deuteranopia

#9f9b90 · ΔE 22

Tritanopia

#8b9b9e · ΔE 25.3

Achromatopsia

#b1b1b1 · ΔE 23.8

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

Code

CSS

background-color: #87c074;

Tailwind (arbitrary value)

bg-[#87c074]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Frequently asked questions

#87c074 (#87c074) is rgb(135, 192, 116) in RGB.

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

Generate a palette → Check contrast