#86FEDD

#86FEDD

Color Values

HEX

#86FEDD

RGB

134, 254, 221

HSL

163.5, 98.4%, 76.1%

HSV

163.5, 47.2%, 99.6%

CMYK

47.2%, 0.0%, 13.0%, 0.4%

OKLCH

0.9178 0.1192 173.5

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#86FEDD

#FE86A7

Analogous

#86FEA1

#86E3FE

#86FEDD

Triadic

#86FEDD

#DD86FE

#FEDD86

Split Complementary

#86FEDD

#FE86E3

#FEA186

Tetradic

#86FEDD

#A186FE

#FE86A7

#E3FE86

Color Blindness Simulation

Original

#86FEDD

Protanopia

#BABBE5

Deuteranopia

#B3AAE7

Tritanopia

#8CEBED

Achromatopsia

#E2E2E2

CSS Usage

background-color: #86FEDD;
color: #86FEDD;
border-color: #86FEDD;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FEFA
100
#DEFCF4
200
#B8FEEB
300
#86FEDD
400
#44FDCA
500
#02FDB8
600
#02CA93
700
#01A276
800
#017E5C
900
#065B44
950
#043A2B

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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