#0580CC

Color Details

HEX
#0580CC
RGB
rgb(5, 128, 204)
HSL
hsl(203, 95%, 41%)
CMYK
cmyk(98%, 37%, 0%, 20%)
Best text on this color #000000 (CR 4.97:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0580cc
Contrast 4.97:1 AA
White on #0580cc
Contrast 4.23:1 Fail
#0580cc on Black
Contrast 4.97:1 AA
#0580cc on White
Contrast 4.23:1 Fail

Tints & Shades

#3799d6
#69b3e0
#9bcceb
#0466a3
#034d7a
#023352

Complement & Analogous

#cc5105
#051ccc
#05ccb5

Triadic

#cc0580
#80cc05

Monochrome

#023352 #034d7a #0580cc #69b3e0 #9bcceb #cde6f5

Analogous

#05ccb5 #50dbcb #0580cc #3749d6 #051ccc #0416a3

Complementary Mix

#034d7a #0580cc #69b3e0 #cc5105 #de8e5d #853503

Nearby Colors

#0580cb
#0580cd
#0580bc
#0580dc

Embed #0580CC swatch

Embed this swatch

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

Open image

About #0580CC

#0580CC converts to RGB(5, 128, 204) and HSL(203, 95%, 41%). 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).

#0580CC FAQs

What is the RGB value of #0580CC?
RGB: 5, 128, 204. Copy as CSS: rgb(5, 128, 204)
Is #0580CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0580CC?
Complement: #cc5105.
Does #0580CC have good contrast on white or black?
On white: 4.23:1 (AA (large text)). On black: 4.97:1 (AA (normal text)).