#86EBDC

#86EBDC

Color Values

HEX

#86EBDC

RGB

134, 235, 220

HSL

171,1, 71,6%, 72,4%

HSV

171,1, 43,0%, 92,2%

CMYK

43,0%, 0,0%, 6,4%, 7,8%

OKLCH

0,8742 0,0978 183,4

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#86EBDC

#EB8695

Analogous

#86EBAA

#86C8EB

#86EBDC

Triadic

#86EBDC

#DC86EB

#EBDC86

Split Complementary

#86EBDC

#EB86C8

#EBAA86

Tetradic

#86EBDC

#AA86EB

#EB8695

#C8EB86

Color Blindness Simulation

Original

#86EBDC

Protanopia

#B2B3E0

Deuteranopia

#ACA4E0

Tritanopia

#8BE2E3

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F5
200
#C2F5ED
300
#96EEE1
400
#5DE4D0
500
#24DBC0
600
#1DAF99
700
#178C7B
800
#126D60
900
#115046
950
#0B322C

Contrast Checker

Text on white

1,41:1

AA Fail AAA Fail

Text on black

14,93:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026