#86D284

#86D284

Color Values

HEX

#86D284

RGB

134, 210, 132

HSL

118.5, 46.4%, 67.1%

HSV

118.5, 37.1%, 82.4%

CMYK

36.2%, 0.0%, 37.1%, 17.6%

OKLCH

0.7948 0.1319 143.6

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#86D284

#D084D2

Analogous

#ADD284

#84D2A9

#86D284

Triadic

#86D284

#8486D2

#D28486

Split Complementary

#86D284

#A984D2

#D284AD

Tetradic

#86D284

#84ADD2

#D084D2

#D2A984

Color Blindness Simulation

Original

#86D284

Protanopia

#A7A897

Deuteranopia

#A29D9B

Tritanopia

#8AA6A9

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F4FAF4
100
#E6F4E6
200
#CCECCB
300
#A7DEA5
400
#77CC75
500
#47BB44
600
#399537
700
#2E772C
800
#245D22
900
#1D451C
950
#122B12

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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