#5582A5 Color

Color Information

HEX#5582A5
RGB85, 130, 165
HSL206° , 32% , 49%
HSV206° , 48% , 65%
CMYK48%, 21%, 0%, 35%

Lighter Shades

#6991B0 #7EA0BB #92AFC5 #A7BED0 #BBCDDB #CFDCE6

Darker Shades

#4B7291 #41637D #36536A #2C4456 #223442 #18242E

Complementary Palette

#49708E #5582A5 #8E6749 #A57855 #B28B6D #6D94B2

Analogous Palette

#628482 #6A908D #507A9B #5582A5 #6A6D90 #757799

Triadic Palette

#4B7291 #5582A5 #B14884 #BA5E93 #84B148 #749C3F

Split Complementary Palette

#4D7595 #5582A5 #A5555A #AE666B #A5A055 #95904D

Square Palette

#476D8B #5582A5 #956198 #987961 #5AA555 #74B370

Tetradic Palette

#466B87 #5582A5 #753EBB #A57855 #85BB3E #9BC761

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5582A5 contains 85 red, 130 green, and 165 blue.

Contrast Ratio: 4.05:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.18:1