#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026