color #3BAE56 | Chroma Seek

#3BAE56

Color Information

Hex Code

#3BAE56

RGB

59, 174, 86

HSL

134°, 49%, 46%

CSS

#3BAE56

Color Tints

Lighter variations of #3BAE56

#3BAE56

#4FB667

10%

#62BE78

20%

#76C689

30%

#89CE9A

40%

#9DD7AB

50%

#B1DFBB

60%

#C4E7CC

70%

#D8EFDD

80%

#EBF7EE

90%

#FFFFFF

100%

Color Shades

Darker variations of #3BAE56

#3BAE56

#359D4D

10%

#2F8B45

20%

#297A3C

30%

#236834

40%

#1E572B

50%

#184622

60%

#12341A

70%

#0C2311

80%

#061109

90%

#000000

100%

Related Colors

Complementary Color

#AF3C94

Opposite on color wheel

Split-Complementary Colors

#903CAF, #AF3C5A

Adjacent to complementary color

Analogous Colors

#5AAF3C, #3CAF90

Adjacent colors on color wheel (30° apart)

Triadic Colors

#573CAF, #AF573C

Three colors equally spaced (120° apart)

Tetradic Colors

#3C94AF, #AF3C94, #AF573C

Rectangle on color wheel (90° apart)

Square Colors

#3C5AAF, #AF3C94, #AF903C

Four colors equally spaced (90° apart)

Monochromatic Variations

#CAEDD2, #7ED392, #226331, #08170B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3BAE56

#77AF3C

#3CAFAD

#AF3C94

#AF3C5A

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

Triadic + Accent

#3BAE56

#573CAF

#AF573C

#7EBFD3

#546322

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

Monochromatic + Split Complementary

#3BAE56

#91D9A2

#1B5028

#903CAF

#AF3C5A

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

#3BAE56

RGB Values

59, 174, 86

HSL Values

134°, 49%, 46%