#5280BE

Color Details

HEX
#5280BE
RGB
rgb(82, 128, 190)
HSL
hsl(214, 45%, 53%)
CMYK
cmyk(57%, 33%, 0%, 25%)
Best text on this color #000000 (CR 5.19:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5280be
Contrast 5.19:1 AA
White on #5280be
Contrast 4.05:1 Fail
#5280be on Black
Contrast 5.19:1 AA
#5280be on White
Contrast 4.05:1 Fail

Tints & Shades

#7599cb
#97b3d8
#bacce5
#426698
#314d72
#21334c

Complement & Analogous

#bd8e51
#5851bd
#51b6bd

Triadic

#bd5180
#80bd51

Monochrome

#21334c #314d72 #5280be #97b3d8 #bacce5 #dce6f2

Analogous

#51b6bd #85ccd1 #5280be #7974ca #5851bd #464197

Complementary Mix

#314d72 #5280be #97b3d8 #bd8e51 #d4b68e #7b5c35

Nearby Colors

#5280bd
#5280bf
#5280ae
#5280ce

Embed #5280BE swatch

Embed this swatch

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

Open image

About #5280BE

#5280BE converts to RGB(82, 128, 190) and HSL(214, 45%, 53%). 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).

#5280BE FAQs

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