#86E6BA

#86E6BA

Color Values

HEX

#86E6BA

RGB

134, 230, 186

HSL

152.5, 65.8%, 71.4%

HSV

152.5, 41.7%, 90.2%

CMYK

41.7%, 0.0%, 19.1%, 9.8%

OKLCH

0.8535 0.1113 163.0

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#86E6BA

#E686B2

Analogous

#86E68A

#86E2E6

#86E6BA

Triadic

#86E6BA

#BA86E6

#E6BA86

Split Complementary

#86E6BA

#E686E2

#E68A86

Tetradic

#86E6BA

#8A86E6

#E686B2

#E2E686

Color Blindness Simulation

Original

#86E6BA

Protanopia

#B0B0C5

Deuteranopia

#AAA3C7

Tritanopia

#8BCDCF

Achromatopsia

#CECECE

CSS Usage

background-color: #86E6BA;
color: #86E6BA;
border-color: #86E6BA;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FCF8
100
#E3F7EE
200
#C4F3DD
300
#9AEAC5
400
#63DFA6
500
#2CD386
600
#23A96C
700
#1C8756
800
#166A43
900
#144D33
950
#0C3120

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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