#87FCE3

#87FCE3

Color Values

HEX

#87FCE3

RGB

135, 252, 227

HSL

167.2, 95.1%, 75.9%

HSV

167.2, 46.4%, 98.8%

CMYK

46.4%, 0.0%, 9.9%, 1.2%

OKLCH

0.9153 0.1131 178.0

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#87FCE3

#FC87A0

Analogous

#87FCA9

#87DAFC

#87FCE3

Triadic

#87FCE3

#E387FC

#FCE387

Split Complementary

#87FCE3

#FC87DA

#FCA987

Tetradic

#87FCE3

#A987FC

#FC87A0

#DAFC87

Color Blindness Simulation

Original

#87FCE3

Protanopia

#BABBE9

Deuteranopia

#B3AAEA

Tritanopia

#8DEEEF

Achromatopsia

#E1E1E1

CSS Usage

background-color: #87FCE3;
color: #87FCE3;
border-color: #87FCE3;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F1FEFB
100
#DFFCF5
200
#B9FDEF
300
#88FCE3
400
#47FAD4
500
#06F9C5
600
#05C79E
700
#049F7E
800
#037C63
900
#075A48
950
#04392E

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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