#86C280

#86C280

Color Values

HEX

#86C280

RGB

134, 194, 128

HSL

114.5, 35.1%, 63.1%

HSV

114.5, 34.0%, 76.1%

CMYK

30.9%, 0.0%, 34.0%, 23.9%

OKLCH

0.7562 0.1113 142.2

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#86C280

#BC80C2

Analogous

#A7C280

#80C29B

#86C280

Triadic

#86C280

#8086C2

#C28086

Split Complementary

#86C280

#9B80C2

#C280A7

Tetradic

#86C280

#80A7C2

#BC80C2

#C29B80

Color Blindness Simulation

Original

#86C280

Protanopia

#A0A190

Deuteranopia

#9C9894

Tritanopia

#899D9F

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E9F2E8
200
#D1E8CF
300
#B0D7AC
400
#86C280
500
#5BAC53
600
#498A42
700
#3A6E35
800
#2D5629
900
#244021
950
#172815

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.04: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