#86FDC7

#86FDC7

Color Values

HEX

#86FDC7

RGB

134, 253, 199

HSL

152.8, 96.7%, 75.9%

HSV

152.8, 47.0%, 99.2%

CMYK

47.0%, 0.0%, 21.3%, 0.8%

OKLCH

0.9099 0.133 162.5

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#86FDC7

#FD86BC

Analogous

#86FD8C

#86F7FD

#86FDC7

Triadic

#86FDC7

#C786FD

#FDC786

Split Complementary

#86FDC7

#FD86F7

#FD8C86

Tetradic

#86FDC7

#8C86FD

#FD86BC

#F7FD86

Color Blindness Simulation

Original

#86FDC7

Protanopia

#BABBD4

Deuteranopia

#B3AAD7

Tritanopia

#8CDEE1

Achromatopsia

#E0E0E0

CSS Usage

background-color: #86FDC7;
color: #86FDC7;
border-color: #86FDC7;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F1FEF8
100
#DEFCEF
200
#B9FEDF
300
#87FDC7
400
#45FCA9
500
#04FB8B
600
#03C96F
700
#03A159
800
#027D46
900
#065B34
950
#043921

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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