#5280CA

Color Details

HEX
#5280CA
RGB
rgb(82, 128, 202)
HSL
hsl(217, 53%, 56%)
CMYK
cmyk(59%, 37%, 0%, 21%)
Best text on this color #000000 (CR 5.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5280ca
Contrast 5.30:1 AA
White on #5280ca
Contrast 3.96:1 Fail
#5280ca on Black
Contrast 5.30:1 AA
#5280ca on White
Contrast 3.96:1 Fail

Tints & Shades

#7599d5
#97b3df
#baccea
#4266a2
#314d79
#213351

Complement & Analogous

#ca9d53
#6153ca
#53bcca

Triadic

#ca5381
#81ca53

Monochrome

#213351 #314d79 #5280ca #97b3df #baccea #dce6f4

Analogous

#53bcca #87d0da #5280ca #8175d5 #6153ca #4e42a2

Complementary Mix

#314d79 #5280ca #97b3df #ca9d53 #ddbf8f #836636

Nearby Colors

#5280c9
#5280cb
#5280ba
#5280da

Embed #5280CA swatch

Embed this swatch

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

Open image

About #5280CA

#5280CA converts to RGB(82, 128, 202) and HSL(217, 53%, 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).

#5280CA FAQs

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