#86BDA6

#86BDA6

Color Values

HEX

#86BDA6

RGB

134, 189, 166

HSL

154.9, 29.4%, 63.3%

HSV

154.9, 29.1%, 74.1%

CMYK

29.1%, 0.0%, 12.2%, 25.9%

OKLCH

0.7535 0.0665 166.8

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#86BDA6

#BD869D

Analogous

#86BD8A

#86B8BD

#86BDA6

Triadic

#86BDA6

#A686BD

#BDA686

Split Complementary

#86BDA6

#BD86B8

#BD8A86

Tetradic

#86BDA6

#8A86BD

#BD869D

#B8BD86

Color Blindness Simulation

Original

#86BDA6

Protanopia

#9E9EAC

Deuteranopia

#9B96AD

Tritanopia

#89B0B1

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F2EE
200
#D1E6DD
300
#B0D4C5
400
#85BCA5
500
#5AA586
600
#48846B
700
#3A6A56
800
#2D5243
900
#243D33
950
#172720

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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