#86D3CE

#86D3CE

Color Values

HEX

#86D3CE

RGB

134, 211, 206

HSL

176.1, 46.7%, 67.6%

HSV

176.1, 36.5%, 82.7%

CMYK

36.5%, 0.0%, 2.4%, 17.3%

OKLCH

0.8155 0.0766 190.5

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#86D3CE

#D3868B

Analogous

#86D3A7

#86B1D3

#86D3CE

Triadic

#86D3CE

#CE86D3

#D3CE86

Split Complementary

#86D3CE

#D386B1

#D3A786

Tetradic

#86D3CE

#A786D3

#D3868B

#B1D386

Color Blindness Simulation

Original

#86D3CE

Protanopia

#A7A8CF

Deuteranopia

#A39DD0

Tritanopia

#8AD0D0

Achromatopsia

#C2C2C2

CSS Usage

background-color: #86D3CE;
color: #86D3CE;
border-color: #86D3CE;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFA
100
#E6F4F3
200
#CBECEA
300
#A5DEDB
400
#75CDC7
500
#44BBB3
600
#36968F
700
#2B7873
800
#225E5A
900
#1C4542
950
#122B2A

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026