#87FDDD

#87FDDD

Color Values

HEX

#87FDDD

RGB

135, 253, 221

HSL

163.7, 96.7%, 76.1%

HSV

163.7, 46.6%, 99.2%

CMYK

46.6%, 0.0%, 12.6%, 0.8%

OKLCH

0.9159 0.1174 173.8

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#87FDDD

#FD87A7

Analogous

#87FDA2

#87E2FD

#87FDDD

Triadic

#87FDDD

#DD87FD

#FDDD87

Split Complementary

#87FDDD

#FD87E2

#FDA287

Tetradic

#87FDDD

#A287FD

#FD87A7

#E2FD87

Color Blindness Simulation

Original

#87FDDD

Protanopia

#BABBE5

Deuteranopia

#B3AAE7

Tritanopia

#8DEBEC

Achromatopsia

#E2E2E2

CSS Usage

background-color: #87FDDD;
color: #87FDDD;
border-color: #87FDDD;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FEFA
100
#DEFCF4
200
#B9FEEB
300
#87FDDD
400
#45FCCA
500
#04FBB8
600
#03C993
700
#03A176
800
#027D5C
900
#065B44
950
#04392B

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.12:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026