#87CFA2

#87CFA2

Color Values

HEX

#87CFA2

RGB

135, 207, 162

HSL

142.5, 42.9%, 67.1%

HSV

142.5, 34.8%, 81.2%

CMYK

34.8%, 0.0%, 21.7%, 18.8%

OKLCH

0.7947 0.0969 156.0

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#87CFA2

#CF87B4

Analogous

#90CF87

#87CFC6

#87CFA2

Triadic

#87CFA2

#A287CF

#CFA287

Split Complementary

#87CFA2

#C687CF

#CF8790

Tetradic

#87CFA2

#8790CF

#CF87B4

#CFC687

Color Blindness Simulation

Original

#87CFA2

Protanopia

#A6A7AD

Deuteranopia

#A29DB0

Tritanopia

#8BB5B7

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEBD7
300
#A8DCBB
400
#78C997
500
#49B672
600
#3A925B
700
#2F7549
800
#245B39
900
#1E432C
950
#132A1C

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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