color #3AE9D2 | Chroma Seek

#3AE9D2

Color Information

Hex Code

#3AE9D2

RGB

58, 233, 210

HSL

172°, 80%, 57%

CSS

#3AE9D2

Color Tints

Lighter variations of #3AE9D2

#3AE9D2

#4EEBD7

10%

#61EDDB

20%

#75F0E0

30%

#89F2E4

40%

#9DF4E9

50%

#B0F6ED

60%

#C4F8F2

70%

#D8FBF6

80%

#EBFDFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #3AE9D2

#3AE9D2

#34D2BD

10%

#2EBAA8

20%

#29A393

30%

#238C7E

40%

#1D7569

50%

#175D54

60%

#11463F

70%

#0C2F2A

80%

#061715

90%

#000000

100%

Related Colors

Complementary Color

#E93A51

Opposite on color wheel

Split-Complementary Colors

#E93AA9, #E97A3A

Adjacent to complementary color

Analogous Colors

#3AE97A, #3AA9E9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D23AE9, #E9D23A

Three colors equally spaced (120° apart)

Tetradic Colors

#3A51E9, #E93A51, #E9D23A

Rectangle on color wheel (90° apart)

Square Colors

#7A3AE9, #E93A51, #A9E93A

Four colors equally spaced (90° apart)

Monochromatic Variations

#F1FDFC, #95F3E7, #13AA96, #094E45

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3AE9D2

#3AE94E

#3A7DE9

#E93A51

#E97A3A

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

Triadic + Accent

#3AE9D2

#D23AE9

#E9D23A

#95A2F3

#27AA13

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

Monochromatic + Split Complementary

#3AE9D2

#ACF6EC

#109381

#E93AA9

#E97A3A

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

#3AE9D2

RGB Values

58, 233, 210

HSL Values

172°, 80%, 57%