#5087BD

Color Details

HEX
#5087BD
RGB
rgb(80, 135, 189)
HSL
hsl(210, 45%, 53%)
CMYK
cmyk(58%, 29%, 0%, 26%)
Best text on this color #000000 (CR 5.54:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5087bd
Contrast 5.54:1 AA
White on #5087bd
Contrast 3.79:1 Fail
#5087bd on Black
Contrast 5.54:1 AA
#5087bd on White
Contrast 3.79:1 Fail

Tints & Shades

#739fca
#96b7d7
#b9cfe5
#406c97
#305171
#20364c

Complement & Analogous

#bd8751
#5151bd
#51bdbd

Triadic

#bd5187
#87bd51

Monochrome

#20364c #305171 #5087bd #96b7d7 #b9cfe5 #dce7f2

Analogous

#51bdbd #85d1d1 #5087bd #7474ca #5151bd #414197

Complementary Mix

#305171 #5087bd #96b7d7 #bd8751 #d4b18e #7b5835

Nearby Colors

#5087bc
#5087be
#5087ad
#5087cd

Embed #5087BD swatch

Embed this swatch

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

Open image

About #5087BD

#5087BD converts to RGB(80, 135, 189) and HSL(210, 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).

#5087BD FAQs

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