color #56B0A3 | Chroma Seek

#56B0A3

Color Information

Hex Code

#56B0A3

RGB

86, 176, 163

HSL

171°, 36%, 51%

CSS

#56B0A3

Color Tints

Lighter variations of #56B0A3

#56B0A3

#67B8AC

10%

#78C0B5

20%

#89C8BF

30%

#9AD0C8

40%

#ABD8D1

50%

#BBDFDA

60%

#CCE7E3

70%

#DDEFED

80%

#EEF7F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #56B0A3

#56B0A3

#4D9E93

10%

#458D82

20%

#3C7B72

30%

#346A62

40%

#2B5852

50%

#224641

60%

#1A3531

70%

#112321

80%

#091210

90%

#000000

100%

Related Colors

Complementary Color

#AF5563

Opposite on color wheel

Split-Complementary Colors

#AF5590, #AF7555

Adjacent to complementary color

Analogous Colors

#55AF75, #5590AF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A255AF, #AFA255

Three colors equally spaced (120° apart)

Tetradic Colors

#5563AF, #AF5563, #AFA255

Rectangle on color wheel (90° apart)

Square Colors

#7555AF, #AF5563, #90AF55

Four colors equally spaced (90° apart)

Monochromatic Variations

#E0F0EE, #9AD0C8, #336C63, #122623

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#56B0A3

#55AF5E

#5579AF

#AF5563

#AF7555

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

Triadic + Accent

#56B0A3

#A255AF

#AFA255

#9AA2D0

#3B6C33

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

Monochromatic + Split Complementary

#56B0A3

#ACD8D1

#2A5A53

#AF5590

#AF7555

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

#56B0A3

RGB Values

86, 176, 163

HSL Values

171°, 36%, 51%