#87A6DC

#87A6DC

Color Values

HEX

#87A6DC

RGB

135, 166, 220

HSL

218.1, 54.8%, 69.6%

HSV

218.1, 38.6%, 86.3%

CMYK

38.6%, 24.5%, 0.0%, 13.7%

OKLCH

0.7224 0.0864 261.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#87A6DC

#DCBD87

Analogous

#87D0DC

#9287DC

#87A6DC

Triadic

#87A6DC

#DC87A6

#A6DC87

Split Complementary

#87A6DC

#DC9287

#D0DC87

Tetradic

#87A6DC

#DC87D0

#DCBD87

#87DC92

Color Blindness Simulation

Original

#87A6DC

Protanopia

#9495CF

Deuteranopia

#9390CC

Tritanopia

#89C5C2

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D6EF
300
#A0B9E3
400
#6D93D4
500
#3A6DC5
600
#2E579E
700
#25467E
800
#1D3663
900
#192A48
950
#101B2E

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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