color #5576F2 | Chroma Seek

#5576F2

Color Information

Hex Code

#5576F2

RGB

85, 118, 242

HSL

227°, 86%, 64%

CSS

#5576F2

Color Tints

Lighter variations of #5576F2

#5576F2

#6684F3

10%

#7791F5

20%

#889FF6

30%

#99ADF7

40%

#AABBF9

50%

#BBC8FA

60%

#CCD6FB

70%

#DDE4FC

80%

#EEF1FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #5576F2

#5576F2

#4D6ADA

10%

#445EC2

20%

#3B53A9

30%

#334791

40%

#2B3B79

50%

#222F61

60%

#1A2349

70%

#111830

80%

#090C18

90%

#000000

100%

Related Colors

Complementary Color

#F2D054

Opposite on color wheel

Split-Complementary Colors

#F28154, #C5F254

Adjacent to complementary color

Analogous Colors

#54C5F2, #8154F2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F25476, #76F254

Three colors equally spaced (120° apart)

Tetradic Colors

#D054F2, #F2D054, #76F254

Rectangle on color wheel (90° apart)

Square Colors

#F254C5, #F2D054, #54F281

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B3C2F9, #103AD1, #091F72

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #5576F2. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#5576F2

#54EDF2

#A854F2

#F2D054

#C5F254

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

Triadic + Accent

#5576F2

#F25476

#76F254

#E5A0F8

#10D1A7

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

Monochromatic + Split Complementary

#5576F2

#B8C6FA

#0E33B9

#F28154

#C5F254

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

#5576F2

RGB Values

85, 118, 242

HSL Values

227°, 86%, 64%