#87BEBD

#87BEBD

Color Values

HEX

#87BEBD

RGB

135, 190, 189

HSL

178.9, 29.7%, 63.7%

HSV

178.9, 28.9%, 74.5%

CMYK

28.9%, 0.0%, 0.5%, 25.5%

OKLCH

0.7632 0.0572 194.6

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#87BEBD

#BE8788

Analogous

#87BEA1

#87A3BE

#87BEBD

Triadic

#87BEBD

#BD87BE

#BEBD87

Split Complementary

#87BEBD

#BE87A3

#BEA187

Tetradic

#87BEBD

#A187BE

#BE8788

#A3BE87

Color Blindness Simulation

Original

#87BEBD

Protanopia

#9F9FBD

Deuteranopia

#9C98BD

Tritanopia

#8ABDBD

Achromatopsia

#B2B2B2

CSS Usage

background-color: #87BEBD;
color: #87BEBD;
border-color: #87BEBD;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D1E6E6
300
#B0D4D3
400
#85BDBC
500
#5AA5A4
600
#488483
700
#396A69
800
#2D5352
900
#233D3D
950
#162726

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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