#87A7DC

#87A7DC

Color Values

HEX

#87A7DC

RGB

135, 167, 220

HSL

217.4, 54.8%, 69.6%

HSV

217.4, 38.6%, 86.3%

CMYK

38.6%, 24.1%, 0.0%, 13.7%

OKLCH

0.7245 0.0854 260.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#87A7DC

#DCBC87

Analogous

#87D1DC

#9187DC

#87A7DC

Triadic

#87A7DC

#DC87A7

#A7DC87

Split Complementary

#87A7DC

#DC9187

#D1DC87

Tetradic

#87A7DC

#DC87D1

#DCBC87

#87DC91

Color Blindness Simulation

Original

#87A7DC

Protanopia

#9595CF

Deuteranopia

#9391CC

Tritanopia

#89C5C3

Achromatopsia

#A4A4A4

CSS Usage

background-color: #87A7DC;
color: #87A7DC;
border-color: #87A7DC;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D6EF
300
#A0BAE3
400
#6D94D4
500
#3A6EC5
600
#2E589E
700
#25477E
800
#1D3763
900
#192B48
950
#101B2E

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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