#86CB4C

#86CB4C

Color Values

HEX

#86CB4C

RGB

134, 203, 76

HSL

92.6, 55.0%, 54.7%

HSV

92.6, 62.6%, 79.6%

CMYK

34.0%, 0.0%, 62.6%, 20.4%

OKLCH

0.7701 0.1741 133.2

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#86CB4C

#914CCB

Analogous

#C6CB4C

#4CCB51

#86CB4C

Triadic

#86CB4C

#4C86CB

#CB4C86

Split Complementary

#86CB4C

#514CCB

#CB4CC6

Tetradic

#86CB4C

#4CC6CB

#914CCB

#CB514C

Color Blindness Simulation

Original

#86CB4C

Protanopia

#A4A46B

Deuteranopia

#A09B72

Tritanopia

#898388

Achromatopsia

#B3B3B3

CSS Usage

background-color: #86CB4C;
color: #86CB4C;
border-color: #86CB4C;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#DAEFC8
300
#BFE3A0
400
#9CD56D
500
#79C639
600
#619E2E
700
#4E7E25
800
#3D631D
900
#2E4818
950
#1D2E0F

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

10.66:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026