#5087BC

Color Details

HEX
#5087BC
RGB
rgb(80, 135, 188)
HSL
hsl(209, 45%, 53%)
CMYK
cmyk(57%, 28%, 0%, 26%)
Best text on this color #000000 (CR 5.53:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5087bc
Contrast 5.53:1 AA
White on #5087bc
Contrast 3.80:1 Fail
#5087bc on Black
Contrast 5.53:1 AA
#5087bc on White
Contrast 3.80:1 Fail

Tints & Shades

#739fc9
#96b7d7
#b9cfe4
#406c96
#305171
#20364b

Complement & Analogous

#bd8551
#5153bd
#51bdbb

Triadic

#bd5189
#89bd51

Monochrome

#20364b #305171 #5087bc #96b7d7 #b9cfe4 #dce7f2

Analogous

#51bdbb #85d1cf #5087bc #7475ca #5153bd #414297

Complementary Mix

#305171 #5087bc #96b7d7 #bd8551 #d4b08e #7b5635

Nearby Colors

#5087bb
#5087bd
#5087ac
#5087cc

Embed #5087BC swatch

Embed this swatch

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

Open image

About #5087BC

#5087BC converts to RGB(80, 135, 188) and HSL(209, 45%, 53%). 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).

#5087BC FAQs

What is the RGB value of #5087BC?
RGB: 80, 135, 188. Copy as CSS: rgb(80, 135, 188)
Is #5087BC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5087BC?
Complement: #bd8551.
Does #5087BC have good contrast on white or black?
On white: 3.80:1 (AA (large text)). On black: 5.53:1 (AA (normal text)).