#86C67C

#86C67C

Color Values

HEX

#86C67C

RGB

134, 198, 124

HSL

111.9, 39.4%, 63.1%

HSV

111.9, 37.4%, 77.6%

CMYK

32.3%, 0.0%, 37.4%, 22.4%

OKLCH

0.7649 0.1218 141.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#86C67C

#BC7CC6

Analogous

#ABC67C

#7CC697

#86C67C

Triadic

#86C67C

#7C86C6

#C67C86

Split Complementary

#86C67C

#977CC6

#C67CAB

Tetradic

#86C67C

#7CABC6

#BC7CC6

#C6977C

Color Blindness Simulation

Original

#86C67C

Protanopia

#A2A28E

Deuteranopia

#9E9992

Tritanopia

#899C9F

Achromatopsia

#B3B3B3

CSS Usage

background-color: #86C67C;
color: #86C67C;
border-color: #86C67C;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E9F3E7
200
#D1E9CD
300
#B0DAAA
400
#86C67B
500
#5BB24D
600
#498E3E
700
#3A7231
800
#2D5927
900
#24421F
950
#172914

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.38:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026