#86FEEE

#86FEEE

Color Values

HEX

#86FEEE

RGB

134, 254, 238

HSL

172.0, 98.4%, 76.1%

HSV

172.0, 47.2%, 99.6%

CMYK

47.2%, 0.0%, 6.3%, 0.4%

OKLCH

0.9226 0.1116 184.2

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#86FEEE

#FE8696

Analogous

#86FEB2

#86D2FE

#86FEEE

Triadic

#86FEEE

#EE86FE

#FEEE86

Split Complementary

#86FEEE

#FE86D2

#FEB286

Tetradic

#86FEEE

#B286FE

#FE8696

#D2FE86

Color Blindness Simulation

Original

#86FEEE

Protanopia

#BABBF2

Deuteranopia

#B3AAF3

Tritanopia

#8CF5F6

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F1FEFC
100
#DEFCF8
200
#B8FEF5
300
#86FEEE
400
#44FDE5
500
#02FDDC
600
#02CAB0
700
#01A28C
800
#017E6E
900
#065B50
950
#043A32

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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