color #56B2D3 | Chroma Seek

#56B2D3

Color Information

Hex Code

#56B2D3

RGB

86, 178, 211

HSL

196°, 59%, 58%

CSS

#56B2D3

Color Tints

Lighter variations of #56B2D3

#56B2D3

#67BAD7

10%

#78C1DC

20%

#89C9E0

30%

#9AD1E5

40%

#ABD9E9

50%

#BBE0ED

60%

#CCE8F2

70%

#DDF0F6

80%

#EEF7FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #56B2D3

#56B2D3

#4DA0BE

10%

#458EA9

20%

#3C7D94

30%

#346B7F

40%

#2B596A

50%

#224754

60%

#1A353F

70%

#11242A

80%

#091215

90%

#000000

100%

Related Colors

Complementary Color

#D37655

Opposite on color wheel

Split-Complementary Colors

#D35572, #D3B655

Adjacent to complementary color

Analogous Colors

#55D3B6, #5572D3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D355B1, #B1D355

Three colors equally spaced (120° apart)

Tetradic Colors

#7655D3, #D37655, #B1D355

Rectangle on color wheel (90° apart)

Square Colors

#B655D3, #D37655, #72D355

Four colors equally spaced (90° apart)

Monochromatic Variations

#F7FBFD, #A6D6E8, #287C9A, #133B49

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#56B2D3

#55D396

#5755D3

#D37655

#D3B655

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

Triadic + Accent

#56B2D3

#D355B1

#B1D355

#B7A6E8

#289A46

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

Monochromatic + Split Complementary

#56B2D3

#BAE0ED

#236B86

#D35572

#D3B655

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

#56B2D3

RGB Values

86, 178, 211

HSL Values

196°, 59%, 58%