#86D187

#86D187

Color Values

HEX

#86D187

RGB

134, 209, 135

HSL

120.8, 44.9%, 67.3%

HSV

120.8, 35.9%, 82.0%

CMYK

35.9%, 0.0%, 35.4%, 18.0%

OKLCH

0.793 0.1273 144.6

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#86D187

#D186D0

Analogous

#ABD186

#86D1AD

#86D187

Triadic

#86D187

#8786D1

#D18786

Split Complementary

#86D187

#AD86D1

#D186AB

Tetradic

#86D187

#86ABD1

#D186D0

#D1AD86

Color Blindness Simulation

Original

#86D187

Protanopia

#A6A799

Deuteranopia

#A29C9D

Tritanopia

#8AA7AA

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CBEBCC
300
#A6DDA7
400
#76CB77
500
#46B948
600
#389439
700
#2D762E
800
#235C24
900
#1D441D
950
#122B13

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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