#86EDB1

#86EDB1

Color Values

HEX

#86EDB1

RGB

134, 237, 177

HSL

145.0, 74.1%, 72.7%

HSV

145.0, 43.5%, 92.9%

CMYK

43.5%, 0.0%, 25.3%, 7.1%

OKLCH

0.8676 0.1289 156.8

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#86EDB1

#ED86C2

Analogous

#8EED86

#86EDE4

#86EDB1

Triadic

#86EDB1

#B186ED

#EDB186

Split Complementary

#86EDB1

#E486ED

#ED868E

Tetradic

#86EDB1

#868EED

#ED86C2

#EDE486

Color Blindness Simulation

Original

#86EDB1

Protanopia

#B3B3C0

Deuteranopia

#ADA5C3

Tritanopia

#8BCBCE

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8EB
200
#C1F6D7
300
#94EFBA
400
#5BE795
500
#21DE70
600
#1AB259
700
#158E48
800
#116F38
900
#10512B
950
#0A331B

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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