#87CBA9

#87CBA9

Color Values

HEX

#87CBA9

RGB

135, 203, 169

HSL

150.0, 39.5%, 66.3%

HSV

150.0, 33.5%, 79.6%

CMYK

33.5%, 0.0%, 16.7%, 20.4%

OKLCH

0.7871 0.0846 161.9

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#87CBA9

#CB87A9

Analogous

#87CB87

#87CBCB

#87CBA9

Triadic

#87CBA9

#A987CB

#CBA987

Split Complementary

#87CBA9

#CB87CB

#CB8787

Tetradic

#87CBA9

#8787CB

#CB87A9

#CBCB87

Color Blindness Simulation

Original

#87CBA9

Protanopia

#A4A5B1

Deuteranopia

#A09BB3

Tritanopia

#8AB8B9

Achromatopsia

#BABABA

CSS Usage

background-color: #87CBA9;
color: #87CBA9;
border-color: #87CBA9;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CDE9DB
300
#AADAC2
400
#7BC6A1
500
#4DB280
600
#3E8E66
700
#317252
800
#275940
900
#1F4230
950
#14291F

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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