color #56A8B0 | Chroma Seek

#56A8B0

Color Information

Hex Code

#56A8B0

RGB

86, 168, 176

HSL

185°, 36%, 51%

CSS

#56A8B0

Color Tints

Lighter variations of #56A8B0

#56A8B0

#67B1B8

10%

#78B9C0

20%

#89C2C8

30%

#9ACBD0

40%

#ABD4D8

50%

#BBDCDF

60%

#CCE5E7

70%

#DDEEEF

80%

#EEF6F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #56A8B0

#56A8B0

#4D979E

10%

#45868D

20%

#3C767B

30%

#34656A

40%

#2B5458

50%

#224346

60%

#1A3235

70%

#112223

80%

#091112

90%

#000000

100%

Related Colors

Complementary Color

#AF5D55

Opposite on color wheel

Split-Complementary Colors

#AF557B, #AF8A55

Adjacent to complementary color

Analogous Colors

#55AF8A, #557BAF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AF55A8, #A8AF55

Three colors equally spaced (120° apart)

Tetradic Colors

#5D55AF, #AF5D55, #A8AF55

Rectangle on color wheel (90° apart)

Square Colors

#8A55AF, #AF5D55, #7BAF55

Four colors equally spaced (90° apart)

Monochromatic Variations

#E0EFF0, #9ACBD0, #33676C, #122426

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#56A8B0

#55AF73

#5564AF

#AF5D55

#AF8A55

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

Triadic + Accent

#56A8B0

#AF55A8

#A8AF55

#9F9AD0

#336C37

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

Monochromatic + Split Complementary

#56A8B0

#ACD4D8

#2A565A

#AF557B

#AF8A55

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

#56A8B0

RGB Values

86, 168, 176

HSL Values

185°, 36%, 51%