#87B4CC

Color Details

HEX
#87B4CC
RGB
rgb(135, 180, 204)
HSL
hsl(201, 40%, 66%)
CMYK
cmyk(34%, 12%, 0%, 20%)
Best text on this color #000000 (CR 9.43:1) Determined by WCAG contrast ratio

Readability Previews

Black on #87b4cc
Contrast 9.43:1 AAA
White on #87b4cc
Contrast 2.23:1 Fail
#87b4cc on Black
Contrast 9.43:1 AAA
#87b4cc on White
Contrast 2.23:1 Fail

Tints & Shades

#9fc3d6
#b7d2e0
#cfe1eb
#6c90a3
#516c7a
#364852

Complement & Analogous

#cb9e86
#8690cb
#86cbc1

Triadic

#cb86b3
#b3cb86

Monochrome

#364852 #516c7a #87b4cc #b7d2e0 #cfe1eb #e7f0f5

Analogous

#86cbc1 #aadbd4 #87b4cc #9ea6d5 #8690cb #6b73a2

Complementary Mix

#516c7a #87b4cc #b7d2e0 #cb9e86 #ddc0b0 #846757

Nearby Colors

#87b4cb
#87b4cd
#87b4bc
#87b4dc

Embed #87B4CC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #87B4CC

#87B4CC converts to RGB(135, 180, 204) and HSL(201, 40%, 66%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#87B4CC FAQs

What is the RGB value of #87B4CC?
RGB: 135, 180, 204. Copy as CSS: rgb(135, 180, 204)
Is #87B4CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #87B4CC?
Complement: #cb9e86.
Does #87B4CC have good contrast on white or black?
On white: 2.23:1 (Fails AA). On black: 9.43:1 (AAA (normal text)).