#87ACDD

#87ACDD

Color Values

HEX

#87ACDD

RGB

135, 172, 221

HSL

214.2, 55.8%, 69.8%

HSV

214.2, 38.9%, 86.7%

CMYK

38.9%, 22.2%, 0.0%, 13.3%

OKLCH

0.7355 0.0822 255.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#87ACDD

#DDB887

Analogous

#87D7DD

#8D87DD

#87ACDD

Triadic

#87ACDD

#DD87AC

#ACDD87

Split Complementary

#87ACDD

#DD8D87

#D7DD87

Tetradic

#87ACDD

#DD87D7

#DDB887

#87DD8D

Color Blindness Simulation

Original

#87ACDD

Protanopia

#9797D1

Deuteranopia

#9592CE

Tritanopia

#89C8C6

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5ECF6
200
#C7D9EF
300
#A0BDE4
400
#6C99D5
500
#3876C7
600
#2D5E9F
700
#244B7F
800
#1C3B63
900
#182D49
950
#0F1C2E

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.98:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026