#5582AC Color

Color Information

HEX#5582AC
RGB85, 130, 172
HSL209° , 34% , 50%
HSV209° , 51% , 67%
CMYK51%, 24%, 0%, 33%

Lighter Shades

#6991B6 #7EA0C0 #92AFCA #A7BED4 #BBCDDE #CFDCE8

Darker Shades

#4B7297 #416383 #36536E #2C4459 #223445 #182430

Complementary Palette

#497094 #5582AC #936C48 #AB7E54 #B7906C #6D94B8

Analogous Palette

#648786 #6C9392 #507AA2 #5582AC #6C6D93 #78799B

Triadic Palette

#4B7297 #5582AC #B84781 #C15D90 #81B847 #72A23E

Split Complementary Palette

#4D759B #5582AC #AB5456 #B36567 #ABA954 #9A984C

Square Palette

#476D90 #5582AC #9D619E #9E7E61 #56AB54 #71B86F

Tetradic Palette

#466B8D #5582AC #7D3DC2 #AB7E54 #82C23D #99CD60

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5582AC contains 85 red, 130 green, and 172 blue.

Contrast Ratio: 4.01:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 5.24:1