color #5678E0 | Chroma Seek

#5678E0

Color Information

Hex Code

#5678E0

RGB

86, 120, 224

HSL

225°, 69%, 61%

CSS

#5678E0

Color Tints

Lighter variations of #5678E0

#5678E0

#6786E3

10%

#7893E6

20%

#89A1E9

30%

#9AAEEC

40%

#ABBCF0

50%

#BBC9F3

60%

#CCD7F6

70%

#DDE4F9

80%

#EEF2FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #5678E0

#5678E0

#4D6CCA

10%

#4560B3

20%

#3C549D

30%

#344886

40%

#2B3C70

50%

#22305A

60%

#1A2443

70%

#11182D

80%

#090C16

90%

#000000

100%

Color Tones

Toned variations of #5678E0 (mixed with gray)

#5678E0

#5A79D6

10%

#5E7ACD

20%

#637AC3

30%

#677BBA

40%

#6B7CB0

50%

#6F7DA6

60%

#737E9D

70%

#787E93

80%

#7C7F8A

90%

#808080

100%

Related Colors

Complementary Color

#E0BE57

Opposite on color wheel

Split-Complementary Colors

#E07957, #BEE057

Adjacent to complementary color

Analogous Colors

#57BEE0, #7957E0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E05779, #79E057

Three colors equally spaced (120° apart)

Tetradic Colors

#BE57E0, #E0BE57, #79E057

Rectangle on color wheel (90° apart)

Square Colors

#E057BE, #E0BE57, #57E079

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #ADBEF0, #2044B1, #11235A

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #5678E0. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#5678E0

#57E0E0

#9C57E0

#E0BE57

#BEE057

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

Triadic + Accent

#5678E0

#E05779

#79E057

#DEA9EF

#20B18D

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

Monochromatic + Split Complementary

#5678E0

#BECCF3

#1C3C9B

#E07957

#BEE057

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

#5678E0

RGB Values

86, 120, 224

HSL Values

225°, 69%, 61%