#87BFC6

#87BFC6

Color Values

HEX

#87BFC6

RGB

135, 191, 198

HSL

186.7, 35.6%, 65.3%

HSV

186.7, 31.8%, 77.6%

CMYK

31.8%, 3.5%, 0.0%, 22.4%

OKLCH

0.7684 0.0588 205.8

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#87BFC6

#C68E87

Analogous

#87C6AE

#879FC6

#87BFC6

Triadic

#87BFC6

#C687BF

#BFC687

Split Complementary

#87BFC6

#C6879F

#C6AE87

Tetradic

#87BFC6

#AE87C6

#C68E87

#9FC687

Color Blindness Simulation

Original

#87BFC6

Protanopia

#9FA0C4

Deuteranopia

#9C98C4

Tritanopia

#8AC3C3

Achromatopsia

#B4B4B4

CSS Usage

background-color: #87BFC6;
color: #87BFC6;
border-color: #87BFC6;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CFE5E8
300
#ACD3D8
400
#7FBBC2
500
#52A3AD
600
#42828A
700
#35686F
800
#295156
900
#213D40
950
#152628

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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