#5087CD

Color Details

HEX
#5087CD
RGB
rgb(80, 135, 205)
HSL
hsl(214, 56%, 56%)
CMYK
cmyk(61%, 34%, 0%, 20%)
Best text on this color #000000 (CR 5.69:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5087cd
Contrast 5.69:1 AA
White on #5087cd
Contrast 3.69:1 Fail
#5087cd on Black
Contrast 5.69:1 AA
#5087cd on White
Contrast 3.69:1 Fail

Tints & Shades

#739fd7
#96b7e1
#b9cfeb
#406ca4
#30517b
#203652

Complement & Analogous

#ce9750
#5850ce
#50c5ce

Triadic

#ce5086
#86ce50

Monochrome

#203652 #30517b #5087cd #96b7e1 #b9cfeb #dce7f5

Analogous

#50c5ce #85d6dd #5087cd #7973d8 #5850ce #4640a5

Complementary Mix

#30517b #5087cd #96b7e1 #ce9750 #dfbb8d #866234

Nearby Colors

#5087cc
#5087ce
#5087bd
#5087dd

Embed #5087CD swatch

Embed this swatch

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

Open image

About #5087CD

#5087CD converts to RGB(80, 135, 205) and HSL(214, 56%, 56%). 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).

#5087CD FAQs

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