#5280ED

Color Details

HEX
#5280ED
RGB
rgb(82, 128, 237)
HSL
hsl(222, 81%, 63%)
CMYK
cmyk(65%, 46%, 0%, 7%)
Best text on this color #000000 (CR 5.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5280ed
Contrast 5.67:1 AA
White on #5280ed
Contrast 3.70:1 Fail
#5280ed on Black
Contrast 5.67:1 AA
#5280ed on White
Contrast 3.70:1 Fail

Tints & Shades

#7599f1
#97b3f4
#baccf8
#4266be
#314d8e
#21335f

Complement & Analogous

#edbf54
#7354ed
#54cfed

Triadic

#ed5482
#82ed54

Monochrome

#21335f #314d8e #5280ed #97b3f4 #baccf8 #dce6fb

Analogous

#54cfed #87ddf2 #5280ed #8f76f1 #7354ed #5c43be

Complementary Mix

#314d8e #5280ed #97b3f4 #edbf54 #f3d590 #9a7c37

Nearby Colors

#5280ec
#5280ee
#5280dd
#5280fd

Embed #5280ED swatch

Embed this swatch

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

Open image

About #5280ED

#5280ED converts to RGB(82, 128, 237) and HSL(222, 81%, 63%). 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).

#5280ED FAQs

What is the RGB value of #5280ED?
RGB: 82, 128, 237. Copy as CSS: rgb(82, 128, 237)
Is #5280ED a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5280ED?
Complement: #edbf54.
Does #5280ED have good contrast on white or black?
On white: 3.70:1 (AA (large text)). On black: 5.67:1 (AA (normal text)).