color #56AAF5 | Chroma Seek

#56AAF5

Color Information

Hex Code

#56AAF5

RGB

86, 170, 245

HSL

208°, 89%, 65%

CSS

#56AAF5

Color Tints

Lighter variations of #56AAF5

#56AAF5

#67B3F6

10%

#78BBF7

20%

#89C4F8

30%

#9ACCF9

40%

#ABD5FA

50%

#BBDDFB

60%

#CCE6FC

70%

#DDEEFD

80%

#EEF7FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #56AAF5

#56AAF5

#4D99DD

10%

#4588C4

20%

#3C77AC

30%

#346693

40%

#2B557B

50%

#224462

60%

#1A334A

70%

#112231

80%

#091119

90%

#000000

100%

Related Colors

Complementary Color

#F5A056

Opposite on color wheel

Split-Complementary Colors

#F5565C, #F5F056

Adjacent to complementary color

Analogous Colors

#56F5F0, #565CF5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F556AB, #ABF556

Three colors equally spaced (120° apart)

Tetradic Colors

#A056F5, #F5A056, #ABF556

Rectangle on color wheel (90° apart)

Square Colors

#F056F5, #F5A056, #5CF556

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B7DBFB, #0D7AD9, #074478

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#56AAF5

#56F5C8

#7956F5

#F5A056

#F5F056

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

Triadic + Accent

#56AAF5

#F556AB

#ABF556

#C99FF9

#0DD96C

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

Monochromatic + Split Complementary

#56AAF5

#B7DBFB

#0B6CC1

#F5565C

#F5F056

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

#56AAF5

RGB Values

86, 170, 245

HSL Values

208°, 89%, 65%