#87B3B6

#87B3B6

Color Values

HEX

#87B3B6

RGB

135, 179, 182

HSL

183.8, 24.4%, 62.2%

HSV

183.8, 25.8%, 71.4%

CMYK

25.8%, 1.6%, 0.0%, 28.6%

OKLCH

0.7362 0.0471 201.4

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#87B3B6

#B68A87

Analogous

#87B6A2

#879CB6

#87B3B6

Triadic

#87B3B6

#B687B3

#B3B687

Split Complementary

#87B3B6

#B6879C

#B6A287

Tetradic

#87B3B6

#A287B6

#B68A87

#9CB687

Color Blindness Simulation

Original

#87B3B6

Protanopia

#9A9AB5

Deuteranopia

#9894B5

Tritanopia

#89B5B5

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D3E3E4
300
#B3CFD1
400
#8AB5B8
500
#609B9F
600
#4D7C7F
700
#3E6366
800
#304D4F
900
#263A3B
950
#182425

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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