#86CBB3

#86CBB3

Color Values

HEX

#86CBB3

RGB

134, 203, 179

HSL

159.1, 39.9%, 66.1%

HSV

159.1, 34.0%, 79.6%

CMYK

34.0%, 0.0%, 11.8%, 20.4%

OKLCH

0.7893 0.078 170.4

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#86CBB3

#CB869E

Analogous

#86CB91

#86C1CB

#86CBB3

Triadic

#86CBB3

#B386CB

#CBB386

Split Complementary

#86CBB3

#CB86C1

#CB9186

Tetradic

#86CBB3

#9186CB

#CB869E

#C1CB86

Color Blindness Simulation

Original

#86CBB3

Protanopia

#A4A4B9

Deuteranopia

#A09BBA

Tritanopia

#89BDBE

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDEAE0
300
#A9DAC9
400
#7BC6AC
500
#4DB28F
600
#3D8F72
700
#31725B
800
#265947
900
#1F4236
950
#142A22

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026