#86DAD1

#86DAD1

Color Values

HEX

#86DAD1

RGB

134, 218, 209

HSL

173.6, 53.2%, 69.0%

HSV

173.6, 38.5%, 85.5%

CMYK

38.5%, 0.0%, 4.1%, 14.5%

OKLCH

0.8323 0.0831 187.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#86DAD1

#DA868F

Analogous

#86DAA7

#86B9DA

#86DAD1

Triadic

#86DAD1

#D186DA

#DAD186

Split Complementary

#86DAD1

#DA86B9

#DAA786

Tetradic

#86DAD1

#A786DA

#DA868F

#B9DA86

Color Blindness Simulation

Original

#86DAD1

Protanopia

#AAABD3

Deuteranopia

#A69FD4

Tritanopia

#8AD5D5

Achromatopsia

#C7C7C7

CSS Usage

background-color: #86DAD1;
color: #86DAD1;
border-color: #86DAD1;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F4FBFA
100
#E5F5F3
200
#C8EEEA
300
#A1E2DB
400
#6ED3C8
500
#3CC3B5
600
#309C91
700
#267D74
800
#1E625A
900
#194843
950
#102D2A

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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