color #5678B0 | Chroma Seek

#5678B0

Color Information

Hex Code

#5678B0

RGB

86, 120, 176

HSL

217°, 36%, 51%

CSS

#5678B0

Color Tints

Lighter variations of #5678B0

#5678B0

#6786B8

10%

#7893C0

20%

#89A1C8

30%

#9AAED0

40%

#ABBCD8

50%

#BBC9DF

60%

#CCD7E7

70%

#DDE4EF

80%

#EEF2F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #5678B0

#5678B0

#4D6C9E

10%

#45608D

20%

#3C547B

30%

#34486A

40%

#2B3C58

50%

#223046

60%

#1A2435

70%

#111823

80%

#090C12

90%

#000000

100%

Related Colors

Complementary Color

#AF8D55

Opposite on color wheel

Split-Complementary Colors

#AF6055, #A5AF55

Adjacent to complementary color

Analogous Colors

#55A5AF, #6055AF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AF5578, #78AF55

Three colors equally spaced (120° apart)

Tetradic Colors

#8D55AF, #AF8D55, #78AF55

Rectangle on color wheel (90° apart)

Square Colors

#AF55A5, #AF8D55, #55AF60

Four colors equally spaced (90° apart)

Monochromatic Variations

#E0E6F0, #9AAFD0, #33486C, #121A26

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5678B0

#55AFA3

#7655AF

#AF8D55

#A5AF55

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

Triadic + Accent

#5678B0

#AF5578

#78AF55

#BB9AD0

#336C56

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

Monochromatic + Split Complementary

#5678B0

#ACBDD8

#2A3D5A

#AF6055

#A5AF55

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

#5678B0

RGB Values

86, 120, 176

HSL Values

217°, 36%, 51%