color #5DBA77 | Chroma Seek

#5DBA77

Color Information

Hex Code

#5DBA77

RGB

93, 186, 119

HSL

137°, 40%, 55%

CSS

#5DBA77

Color Tints

Lighter variations of #5DBA77

#5DBA77

#6DC185

10%

#7DC892

20%

#8ECFA0

30%

#9ED6AD

40%

#AEDDBB

50%

#BEE3C9

60%

#CEEAD6

70%

#DFF1E4

80%

#EFF8F1

90%

#FFFFFF

100%

Color Shades

Darker variations of #5DBA77

#5DBA77

#54A76B

10%

#4A955F

20%

#418253

30%

#387047

40%

#2F5D3C

50%

#254A30

60%

#1C3824

70%

#132518

80%

#09130C

90%

#000000

100%

Related Colors

Complementary Color

#BA5EA0

Opposite on color wheel

Split-Complementary Colors

#A65EBA, #BA5E72

Adjacent to complementary color

Analogous Colors

#72BA5E, #5EBAA6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#785EBA, #BA785E

Three colors equally spaced (120° apart)

Tetradic Colors

#5EA0BA, #BA5EA0, #BA785E

Rectangle on color wheel (90° apart)

Square Colors

#5E72BA, #BA5EA0, #BAA65E

Four colors equally spaced (90° apart)

Monochromatic Variations

#EDF7F0, #A6D9B4, #367D4A, #173620

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5DBA77

#89BA5E

#5EB7BA

#BA5EA0

#BA5E72

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

Triadic + Accent

#5DBA77

#785EBA

#BA785E

#A6CAD9

#697D36

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

Monochromatic + Split Complementary

#5DBA77

#B8E0C3

#2E6B3F

#A65EBA

#BA5E72

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

#5DBA77

RGB Values

93, 186, 119

HSL Values

137°, 40%, 55%