#5087FD

Color Details

HEX
#5087FD
RGB
rgb(80, 135, 253)
HSL
hsl(221, 98%, 65%)
CMYK
cmyk(68%, 47%, 0%, 1%)
Best text on this color #000000 (CR 6.23:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5087fd
Contrast 6.23:1 AA
White on #5087fd
Contrast 3.37:1 Fail
#5087fd on Black
Contrast 6.23:1 AA
#5087fd on White
Contrast 3.37:1 Fail

Tints & Shades

#739ffd
#96b7fe
#b9cffe
#406cca
#305198
#203665

Complement & Analogous

#fdc64e
#6e4efd
#4eddfd

Triadic

#fd4e86
#86fd4e

Monochrome

#203665 #305198 #5087fd #96b7fe #b9cffe #dce7ff

Analogous

#4eddfd #83e7fe #5087fd #8b71fd #6e4efd #583eca

Complementary Mix

#305198 #5087fd #96b7fe #fdc64e #feda8c #a48133

Nearby Colors

#5087fc
#5087fe
#5087ed
#50880d

Embed #5087FD swatch

Embed this swatch

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

Open image

About #5087FD

#5087FD converts to RGB(80, 135, 253) and HSL(221, 98%, 65%). 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).

#5087FD FAQs

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