color #56BAF9 | Chroma Seek

#56BAF9

Color Information

Hex Code

#56BAF9

RGB

86, 186, 249

HSL

203°, 93%, 66%

CSS

#56BAF9

Color Tints

Lighter variations of #56BAF9

#56BAF9

#67C1FA

10%

#78C8FA

20%

#89CFFB

30%

#9AD6FB

40%

#ABDDFC

50%

#BBE3FD

60%

#CCEAFD

70%

#DDF1FE

80%

#EEF8FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #56BAF9

#56BAF9

#4DA7E0

10%

#4595C7

20%

#3C82AE

30%

#347095

40%

#2B5D7D

50%

#224A64

60%

#1A384B

70%

#112532

80%

#091319

90%

#000000

100%

Related Colors

Complementary Color

#F99558

Opposite on color wheel

Split-Complementary Colors

#F9586A, #F9E658

Adjacent to complementary color

Analogous Colors

#58F9E6, #586AF9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F958BB, #BBF958

Three colors equally spaced (120° apart)

Tetradic Colors

#9558F9, #F99558, #BBF958

Rectangle on color wheel (90° apart)

Square Colors

#E658F9, #F99558, #6AF958

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #BAE3FD, #088FE2, #055180

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#56BAF9

#58F9BE

#6D58F9

#F99558

#F9E658

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

Triadic + Accent

#56BAF9

#F958BB

#BBF958

#C19DFB

#08E25C

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

Monochromatic + Split Complementary

#56BAF9

#B5E1FC

#077FCA

#F9586A

#F9E658

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

#56BAF9

RGB Values

86, 186, 249

HSL Values

203°, 93%, 66%