color #56A9D2 | Chroma Seek

#56A9D2

Color Information

Hex Code

#56A9D2

RGB

86, 169, 210

HSL

200°, 58%, 58%

CSS

#56A9D2

Color Tints

Lighter variations of #56A9D2

#56A9D2

#67B2D7

10%

#78BADB

20%

#89C3E0

30%

#9ACBE4

40%

#ABD4E9

50%

#BBDDED

60%

#CCE5F2

70%

#DDEEF6

80%

#EEF6FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #56A9D2

#56A9D2

#4D98BD

10%

#4587A8

20%

#3C7693

30%

#34657E

40%

#2B5569

50%

#224454

60%

#1A333F

70%

#11222A

80%

#091115

90%

#000000

100%

Related Colors

Complementary Color

#D27F56

Opposite on color wheel

Split-Complementary Colors

#D2566A, #D2BD56

Adjacent to complementary color

Analogous Colors

#56D2BD, #566AD2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D256A9, #A9D256

Three colors equally spaced (120° apart)

Tetradic Colors

#7F56D2, #D27F56, #A9D256

Rectangle on color wheel (90° apart)

Square Colors

#BD56D2, #D27F56, #6AD256

Four colors equally spaced (90° apart)

Monochromatic Variations

#F7FBFD, #A6D2E7, #297499, #133749

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#56A9D2

#56D29E

#6056D2

#D27F56

#D2BD56

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

Triadic + Accent

#56A9D2

#D256A9

#A9D256

#BCA6E7

#29994E

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

Monochromatic + Split Complementary

#56A9D2

#BBDCED

#236485

#D2566A

#D2BD56

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

#56A9D2

RGB Values

86, 169, 210

HSL Values

200°, 58%, 58%