#5087BB

Color Details

HEX
#5087BB
RGB
rgb(80, 135, 187)
HSL
hsl(209, 44%, 52%)
CMYK
cmyk(57%, 28%, 0%, 27%)
Best text on this color #000000 (CR 5.52:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5087bb
Contrast 5.52:1 AA
White on #5087bb
Contrast 3.80:1 Fail
#5087bb on Black
Contrast 5.52:1 AA
#5087bb on White
Contrast 3.80:1 Fail

Tints & Shades

#739fc9
#96b7d6
#b9cfe4
#406c96
#305170
#20364b

Complement & Analogous

#ba834f
#4f51ba
#4fbab9

Triadic

#ba4f86
#86ba4f

Monochrome

#20364b #305170 #5087bb #96b7d6 #b9cfe4 #dce7f1

Analogous

#4fbab9 #84cfce #5087bb #7274c8 #4f51ba #3f4195

Complementary Mix

#305170 #5087bb #96b7d6 #ba834f #d2ae8d #795533

Nearby Colors

#5087ba
#5087bc
#5087ab
#5087cb

Embed #5087BB swatch

Embed this swatch

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

Open image

About #5087BB

#5087BB converts to RGB(80, 135, 187) and HSL(209, 44%, 52%). 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).

#5087BB FAQs

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