color #5582B0 | Chroma Seek

#5582B0

Color Information

Hex Code

#5582B0

RGB

85, 130, 176

HSL

210°, 37%, 51%

CSS

#5582B0

Color Tints

Lighter variations of #5582B0

#5582B0

#668FB8

10%

#779BC0

20%

#88A8C8

30%

#99B4D0

40%

#AAC1D8

50%

#BBCDDF

60%

#CCDAE7

70%

#DDE6EF

80%

#EEF3F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #5582B0

#5582B0

#4D759E

10%

#44688D

20%

#3B5B7B

30%

#334E6A

40%

#2B4158

50%

#223446

60%

#1A2735

70%

#111A23

80%

#090D12

90%

#000000

100%

Related Colors

Complementary Color

#B08254

Opposite on color wheel

Split-Complementary Colors

#B05454, #B0B054

Adjacent to complementary color

Analogous Colors

#54B0B0, #5454B0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B05482, #82B054

Three colors equally spaced (120° apart)

Tetradic Colors

#8254B0, #B08254, #82B054

Rectangle on color wheel (90° apart)

Square Colors

#B054B0, #B08254, #54B054

Four colors equally spaced (90° apart)

Monochromatic Variations

#E0E8F1, #9AB5D0, #324F6C, #121C26

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #5582B0. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#5582B0

#54B099

#6B54B0

#B08254

#B0B054

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

Triadic + Accent

#5582B0

#B05482

#82B054

#B59AD0

#326C4F

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

Monochromatic + Split Complementary

#5582B0

#ABC2D8

#2A425B

#B05454

#B0B054

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

#5582B0

RGB Values

85, 130, 176

HSL Values

210°, 37%, 51%