color #556EC2 | Chroma Seek

#556EC2

Color Information

Hex Code

#556EC2

RGB

85, 110, 194

HSL

226°, 47%, 55%

CSS

#556EC2

Color Tints

Lighter variations of #556EC2

#556EC2

#667DC8

10%

#778BCE

20%

#889AD4

30%

#99A8DA

40%

#AAB7E1

50%

#BBC5E7

60%

#CCD4ED

70%

#DDE2F3

80%

#EEF1F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #556EC2

#556EC2

#4D63AF

10%

#44589B

20%

#3B4D88

30%

#334274

40%

#2B3761

50%

#222C4E

60%

#1A213A

70%

#111627

80%

#090B13

90%

#000000

100%

Related Colors

Complementary Color

#C2A956

Opposite on color wheel

Split-Complementary Colors

#C27356, #A5C256

Adjacent to complementary color

Analogous Colors

#56A5C2, #7356C2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C2566F, #6FC256

Three colors equally spaced (120° apart)

Tetradic Colors

#A956C2, #C2A956, #6FC256

Rectangle on color wheel (90° apart)

Square Colors

#C256A5, #C2A956, #56C273

Four colors equally spaced (90° apart)

Monochromatic Variations

#ECEFF8, #A1AFDD, #2F4383, #141D38

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #556EC2. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#556EC2

#56C0C2

#8E56C2

#C2A956

#A5C256

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

Triadic + Accent

#556EC2

#C2566F

#6FC256

#CFA1DD

#2F8370

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

Monochromatic + Split Complementary

#556EC2

#B4BFE4

#293970

#C27356

#A5C256

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

#556EC2

RGB Values

85, 110, 194

HSL Values

226°, 47%, 55%