#86D288

#86D288

Color Values

HEX

#86D288

RGB

134, 210, 136

HSL

121.6, 45.8%, 67.5%

HSV

121.6, 36.2%, 82.4%

CMYK

36.2%, 0.0%, 35.2%, 17.6%

OKLCH

0.7956 0.1278 144.8

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#86D288

#D286D0

Analogous

#AAD286

#86D2AE

#86D288

Triadic

#86D288

#8886D2

#D28886

Split Complementary

#86D288

#AE86D2

#D286AA

Tetradic

#86D288

#86AAD2

#D286D0

#D2AE86

Color Blindness Simulation

Original

#86D288

Protanopia

#A7A89A

Deuteranopia

#A29D9E

Tritanopia

#8AA8AB

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CBECCC
300
#A6DEA7
400
#75CC78
500
#45BA48
600
#37953A
700
#2C772E
800
#235D24
900
#1C441E
950
#122B13

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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