color #56AE7C | Chroma Seek

#56AE7C

Color Information

Hex Code

#56AE7C

RGB

86, 174, 124

HSL

146°, 35%, 51%

CSS

#56AE7C

Color Tints

Lighter variations of #56AE7C

#56AE7C

#67B689

10%

#78BE96

20%

#89C6A3

30%

#9ACEB0

40%

#ABD7BE

50%

#BBDFCB

60%

#CCE7D8

70%

#DDEFE5

80%

#EEF7F2

90%

#FFFFFF

100%

Color Shades

Darker variations of #56AE7C

#56AE7C

#4D9D70

10%

#458B63

20%

#3C7A57

30%

#34684A

40%

#2B573E

50%

#224632

60%

#1A3425

70%

#112319

80%

#09110C

90%

#000000

100%

Related Colors

Complementary Color

#AE5688

Opposite on color wheel

Split-Complementary Colors

#A856AE, #AE565C

Adjacent to complementary color

Analogous Colors

#5CAE56, #56AEA8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#7C56AE, #AE7C56

Three colors equally spaced (120° apart)

Tetradic Colors

#5688AE, #AE5688, #AE7C56

Rectangle on color wheel (90° apart)

Square Colors

#565CAE, #AE5688, #AEA856

Four colors equally spaced (90° apart)

Monochromatic Variations

#E0F0E7, #9BCFB2, #336B4B, #12261B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#56AE7C

#72AE56

#569EAE

#AE5688

#AE565C

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

Triadic + Accent

#56AE7C

#7C56AE

#AE7C56

#9BB9CF

#536B33

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

Monochromatic + Split Complementary

#56AE7C

#ACD7BF

#2B5A3F

#A856AE

#AE565C

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

#56AE7C

RGB Values

86, 174, 124

HSL Values

146°, 35%, 51%