#86C6AA

#86C6AA

Color Values

HEX

#86C6AA

RGB

134, 198, 170

HSL

153.8, 36.0%, 65.1%

HSV

153.8, 32.3%, 77.6%

CMYK

32.3%, 0.0%, 14.1%, 22.4%

OKLCH

0.7753 0.0771 165.3

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#86C6AA

#C686A2

Analogous

#86C68A

#86C2C6

#86C6AA

Triadic

#86C6AA

#AA86C6

#C6AA86

Split Complementary

#86C6AA

#C686C2

#C68A86

Tetradic

#86C6AA

#8A86C6

#C686A2

#C2C686

Color Blindness Simulation

Original

#86C6AA

Protanopia

#A2A2B1

Deuteranopia

#9E99B2

Tritanopia

#89B6B7

Achromatopsia

#B6B6B6

CSS Usage

background-color: #86C6AA;
color: #86C6AA;
border-color: #86C6AA;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF8
100
#E8F3EE
200
#CEE8DD
300
#ACD8C5
400
#7FC3A5
500
#52AD85
600
#418B6B
700
#346F55
800
#295743
900
#214032
950
#152920

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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