#5581CC

Color Details

HEX
#5581CC
RGB
rgb(85, 129, 204)
HSL
hsl(218, 54%, 57%)
CMYK
cmyk(58%, 37%, 0%, 20%)
Best text on this color #000000 (CR 5.40:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5581cc
Contrast 5.40:1 AA
White on #5581cc
Contrast 3.89:1 Fail
#5581cc on Black
Contrast 5.40:1 AA
#5581cc on White
Contrast 3.89:1 Fail

Tints & Shades

#779ad6
#99b3e0
#bbcdeb
#4467a3
#334d7a
#223452

Complement & Analogous

#cda156
#6656cd
#56bdcd

Triadic

#cd5682
#82cd56

Monochrome

#223452 #334d7a #5581cc #99b3e0 #bbcdeb #dde6f5

Analogous

#56bdcd #89d1dc #5581cc #8578d7 #6656cd #5245a4

Complementary Mix

#334d7a #5581cc #99b3e0 #cda156 #dfc291 #856938

Nearby Colors

#5581cb
#5581cd
#5581bc
#5581dc

Embed #5581CC swatch

Embed this swatch

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

Open image

About #5581CC

#5581CC converts to RGB(85, 129, 204) and HSL(218, 54%, 57%). 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).

#5581CC FAQs

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