color #56A3C5 | Chroma Seek

#56A3C5

Color Information

Hex Code

#56A3C5

RGB

86, 163, 197

HSL

198°, 49%, 55%

CSS

#56A3C5

Color Tints

Lighter variations of #56A3C5

#56A3C5

#67ACCB

10%

#78B5D1

20%

#89BFD6

30%

#9AC8DC

40%

#ABD1E2

50%

#BBDAE8

60%

#CCE3EE

70%

#DDEDF3

80%

#EEF6F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #56A3C5

#56A3C5

#4D93B1

10%

#45829E

20%

#3C728A

30%

#346276

40%

#2B5263

50%

#22414F

60%

#1A313B

70%

#112127

80%

#091014

90%

#000000

100%

Related Colors

Complementary Color

#C47654

Opposite on color wheel

Split-Complementary Colors

#C4546B, #C4AE54

Adjacent to complementary color

Analogous Colors

#54C4AE, #546BC4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C454A3, #A3C454

Three colors equally spaced (120° apart)

Tetradic Colors

#7654C4, #C47654, #A3C454

Rectangle on color wheel (90° apart)

Square Colors

#AE54C4, #C47654, #6BC454

Four colors equally spaced (90° apart)

Monochromatic Variations

#ECF5F8, #A0CCDE, #2E6B85, #142E39

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #56A3C5. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#56A3C5

#54C492

#5A54C4

#C47654

#C4AE54

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

Triadic + Accent

#56A3C5

#C454A3

#A3C454

#B3A0DE

#2E8548

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

Monochromatic + Split Complementary

#56A3C5

#B3D6E5

#275B72

#C4546B

#C4AE54

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

#56A3C5

RGB Values

86, 163, 197

HSL Values

198°, 49%, 55%