color #3AE97A | Chroma Seek

#3AE97A

Color Information

Hex Code

#3AE97A

RGB

58, 233, 122

HSL

142°, 80%, 57%

CSS

#3AE97A

Color Tints

Lighter variations of #3AE97A

#3AE97A

#4EEB87

10%

#61ED95

20%

#75F0A2

30%

#89F2AF

40%

#9DF4BD

50%

#B0F6CA

60%

#C4F8D7

70%

#D8FBE4

80%

#EBFDF2

90%

#FFFFFF

100%

Color Shades

Darker variations of #3AE97A

#3AE97A

#34D26E

10%

#2EBA62

20%

#29A355

30%

#238C49

40%

#1D753D

50%

#175D31

60%

#114625

70%

#0C2F18

80%

#06170C

90%

#000000

100%

Related Colors

Complementary Color

#E93AA9

Opposite on color wheel

Split-Complementary Colors

#D23AE9, #E93A51

Adjacent to complementary color

Analogous Colors

#51E93A, #3AE9D2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#7A3AE9, #E97A3A

Three colors equally spaced (120° apart)

Tetradic Colors

#3AA9E9, #E93AA9, #E97A3A

Rectangle on color wheel (90° apart)

Square Colors

#3A51E9, #E93AA9, #E9D23A

Four colors equally spaced (90° apart)

Monochromatic Variations

#F1FDF6, #95F3B8, #13AA4A, #094E22

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3AE97A

#7DE93A

#3AD5E9

#E93AA9

#E93A51

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

Triadic + Accent

#3AE97A

#7A3AE9

#E97A3A

#95D1F3

#72AA13

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

Monochromatic + Split Complementary

#3AE97A

#ACF6C7

#109340

#D23AE9

#E93A51

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

#3AE97A

RGB Values

58, 233, 122

HSL Values

142°, 80%, 57%