color #5557D2 | Chroma Seek

#5557D2

Color Information

Hex Code

#5557D2

RGB

85, 87, 210

HSL

239°, 58%, 58%

CSS

#5557D2

Color Tints

Lighter variations of #5557D2

#5557D2

#6668D7

10%

#7779DB

20%

#8889E0

30%

#999AE4

40%

#AAABE9

50%

#BBBCED

60%

#CCCDF2

70%

#DDDDF6

80%

#EEEEFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #5557D2

#5557D2

#4D4EBD

10%

#4446A8

20%

#3B3D93

30%

#33347E

40%

#2B2C69

50%

#222354

60%

#1A1A3F

70%

#11112A

80%

#090915

90%

#000000

100%

Related Colors

Complementary Color

#D2D056

Opposite on color wheel

Split-Complementary Colors

#D29256, #96D256

Adjacent to complementary color

Analogous Colors

#5696D2, #9256D2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D25658, #58D256

Three colors equally spaced (120° apart)

Tetradic Colors

#D056D2, #D2D056, #58D256

Rectangle on color wheel (90° apart)

Square Colors

#D25696, #D2D056, #56D292

Four colors equally spaced (90° apart)

Monochromatic Variations

#F7F7FD, #A6A7E7, #292B99, #131449

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #5557D2. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#5557D2

#56B5D2

#B156D2

#D2D056

#96D256

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

Triadic + Accent

#5557D2

#D25658

#58D256

#E6A6E7

#299997

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

Monochromatic + Split Complementary

#5557D2

#BBBBED

#232585

#D29256

#96D256

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

#5557D2

RGB Values

85, 87, 210

HSL Values

239°, 58%, 58%