#87C3C2

#87C3C2

Color Values

HEX

#87C3C2

RGB

135, 195, 194

HSL

179.0, 33.3%, 64.7%

HSV

179.0, 30.8%, 76.5%

CMYK

30.8%, 0.0%, 0.5%, 23.5%

OKLCH

0.7761 0.0617 194.6

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#87C3C2

#C38788

Analogous

#87C3A4

#87A6C3

#87C3C2

Triadic

#87C3C2

#C287C3

#C3C287

Split Complementary

#87C3C2

#C387A6

#C3A487

Tetradic

#87C3C2

#A487C3

#C38788

#A6C387

Color Blindness Simulation

Original

#87C3C2

Protanopia

#A1A2C2

Deuteranopia

#9E99C2

Tritanopia

#8AC2C2

Achromatopsia

#B6B6B6

CSS Usage

background-color: #87C3C2;
color: #87C3C2;
border-color: #87C3C2;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE7E7
300
#ADD6D6
400
#81C0BF
500
#55AAA9
600
#448887
700
#366D6C
800
#2B5554
900
#223F3E
950
#152827

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026