color #56A67B | Chroma Seek

#56A67B

Color Information

Hex Code

#56A67B

RGB

86, 166, 123

HSL

148°, 32%, 49%

CSS

#56A67B

Color Tints

Lighter variations of #56A67B

#56A67B

#67AF88

10%

#78B895

20%

#89C1A3

30%

#9ACAB0

40%

#ABD3BD

50%

#BBDBCA

60%

#CCE4D7

70%

#DDEDE5

80%

#EEF6F2

90%

#FFFFFF

100%

Color Shades

Darker variations of #56A67B

#56A67B

#4D956F

10%

#458562

20%

#3C7456

30%

#34644A

40%

#2B533E

50%

#224231

60%

#1A3225

70%

#112119

80%

#09110C

90%

#000000

100%

Related Colors

Complementary Color

#A55580

Opposite on color wheel

Split-Complementary Colors

#A255A5, #A55558

Adjacent to complementary color

Analogous Colors

#58A555, #55A5A2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#7A55A5, #A57A55

Three colors equally spaced (120° apart)

Tetradic Colors

#5580A5, #A55580, #A57A55

Rectangle on color wheel (90° apart)

Square Colors

#5558A5, #A55580, #A5A255

Four colors equally spaced (90° apart)

Monochromatic Variations

#DAECE2, #97C9AE, #326248, #101E16

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#56A67B

#6CA555

#5594A5

#A55580

#A55558

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

Triadic + Accent

#56A67B

#7A55A5

#A57A55

#97B2C9

#4C6232

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

Monochromatic + Split Complementary

#56A67B

#A7D2BB

#2A513C

#A255A5

#A55558

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

#56A67B

RGB Values

86, 166, 123

HSL Values

148°, 32%, 49%