color #5580A4 | Chroma Seek

#5580A4

Color Information

Hex Code

#5580A4

RGB

85, 128, 164

HSL

207°, 32%, 49%

CSS

#5580A4

Color Tints

Lighter variations of #5580A4

#5580A4

#668DAD

10%

#7799B6

20%

#88A6BF

30%

#99B3C8

40%

#AAC0D2

50%

#BBCCDB

60%

#CCD9E4

70%

#DDE6ED

80%

#EEF2F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #5580A4

#5580A4

#4D7394

10%

#446683

20%

#3B5A73

30%

#334D62

40%

#2B4052

50%

#223342

60%

#1A2631

70%

#111A21

80%

#090D10

90%

#000000

100%

Related Colors

Complementary Color

#A57955

Opposite on color wheel

Split-Complementary Colors

#A55559, #A5A155

Adjacent to complementary color

Analogous Colors

#55A5A1, #5559A5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A55581, #81A555

Three colors equally spaced (120° apart)

Tetradic Colors

#7955A5, #A57955, #81A555

Rectangle on color wheel (90° apart)

Square Colors

#A155A5, #A57955, #59A555

Four colors equally spaced (90° apart)

Monochromatic Variations

#DAE4EC, #97B2C9, #324C62, #10181E

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #5580A4. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#5580A4

#55A58D

#6555A5

#A57955

#A5A155

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#5580A4

#A55581

#81A555

#AD97C9

#326248

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#5580A4

#A7BFD2

#2A3F51

#A55559

#A5A155

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#5580A4

RGB Values

85, 128, 164

HSL Values

207°, 32%, 49%