color #56A6E2 | Chroma Seek

#56A6E2

Color Information

Hex Code

#56A6E2

RGB

86, 166, 226

HSL

206°, 71%, 61%

CSS

#56A6E2

Color Tints

Lighter variations of #56A6E2

#56A6E2

#67AFE5

10%

#78B8E8

20%

#89C1EB

30%

#9ACAEE

40%

#ABD3F1

50%

#BBDBF3

60%

#CCE4F6

70%

#DDEDF9

80%

#EEF6FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #56A6E2

#56A6E2

#4D95CB

10%

#4585B5

20%

#3C749E

30%

#346488

40%

#2B5371

50%

#22425A

60%

#1A3244

70%

#11212D

80%

#091117

90%

#000000

100%

Related Colors

Complementary Color

#E29255

Opposite on color wheel

Split-Complementary Colors

#E2555E, #E2D955

Adjacent to complementary color

Analogous Colors

#55E2D9, #555EE2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E255A5, #A5E255

Three colors equally spaced (120° apart)

Tetradic Colors

#9255E2, #E29255, #A5E255

Rectangle on color wheel (90° apart)

Square Colors

#D955E2, #E29255, #5EE255

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #ACD3F1, #1E72B3, #103B5C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#56A6E2

#55E2B5

#6F55E2

#E29255

#E2D955

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

Triadic + Accent

#56A6E2

#E255A5

#A5E255

#C7A8F0

#1EB35F

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

Monochromatic + Split Complementary

#56A6E2

#BEDCF4

#1B649D

#E2555E

#E2D955

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

#56A6E2

RGB Values

86, 166, 226

HSL Values

206°, 71%, 61%