color #56A4ED | Chroma Seek

#56A4ED

Color Information

Hex Code

#56A4ED

RGB

86, 164, 237

HSL

209°, 81%, 63%

CSS

#56A4ED

Color Tints

Lighter variations of #56A4ED

#56A4ED

#67ADEF

10%

#78B6F1

20%

#89BFF2

30%

#9AC8F4

40%

#ABD2F6

50%

#BBDBF8

60%

#CCE4FA

70%

#DDEDFB

80%

#EEF6FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #56A4ED

#56A4ED

#4D94D5

10%

#4583BE

20%

#3C73A6

30%

#34628E

40%

#2B5277

50%

#22425F

60%

#1A3147

70%

#11212F

80%

#091018

90%

#000000

100%

Related Colors

Complementary Color

#ED9E54

Opposite on color wheel

Split-Complementary Colors

#ED5457, #EDEB54

Adjacent to complementary color

Analogous Colors

#54EDEB, #5457ED

Adjacent colors on color wheel (30° apart)

Triadic Colors

#ED54A3, #A3ED54

Three colors equally spaced (120° apart)

Tetradic Colors

#9E54ED, #ED9E54, #A3ED54

Rectangle on color wheel (90° apart)

Square Colors

#EB54ED, #ED9E54, #57ED54

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B1D5F7, #1571C6, #0B3C6A

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#56A4ED

#54EDC4

#7854ED

#ED9E54

#EDEB54

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

Triadic + Accent

#56A4ED

#ED54A3

#A3ED54

#CBA3F5

#15C66B

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

Monochromatic + Split Complementary

#56A4ED

#BADAF8

#1264AF

#ED5457

#EDEB54

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

#56A4ED

RGB Values

86, 164, 237

HSL Values

209°, 81%, 63%