#86c26d

Color #86c26d

A moderately saturated medium green.

Closest named color Light Green #90ee90 · ΔE 17.84 Nearest Tailwind class green-500 #00c950 · ΔE 9.5

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

Conversions

HEX

#86c26d

RGB

rgb(134, 194, 109)

HSL

hsl(102.4, 41.1%, 59.4%)

HSV / HSB

hsv(102.4, 43.8%, 76.1%)

CMYK

cmyk(30.9%, 0%, 43.8%, 23.9%)

LAB

lab(72.73, -35.05, 36.66)

LCH

lch(72.73, 50.72, 133.71)

OKLCH

oklch(75.3%, 0.1313, 137.04)

HWB

hwb(102.4, 42.7%, 23.9%)

Harmony colors

Complementary

#a96dc2

Analogous

#b0c26d

#86c26d

#6dc27f

Triadic

#86c26d

#6d86c2

#c26d86

Split-complementary

#86c26d

#7f6dc2

#c26db0

Tetradic

#86c26d

#6dc2a9

#a96dc2

#c26d86

Square

#86c26d

#6db0c2

#a96dc2

#c27f6d

Shades

Color #86c26d mixed toward black.

#69b24a

#548e3b

#3f6b2d

#2a471e

#15240f

Tints

Color #86c26d mixed toward white.

#9acc85

#aed69e

#c2e1b6

#d7ebce

#ebf5e7

Tones

Color #86c26d mixed toward gray.

#89bb74

#8cb47b

#8fad82

#92a689

#959f90

Accessibility

Aa White text on this color

2.11:1

Aa Black text on this color

9.95:1

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

Under color vision deficiencies

Protanopia

#a4a488 · ΔE 17.1

Deuteranopia

#a09b8e · ΔE 22.5

Tritanopia

#8a999d · ΔE 27.3

Achromatopsia

#b2b2b2 · ΔE 24.4

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

Code

CSS

background-color: #86c26d;

Tailwind (arbitrary value)

bg-[#86c26d]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Frequently asked questions

#86c26d (#86c26d) is rgb(134, 194, 109) in RGB.

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

Generate a palette → Check contrast