color #3AE4DC | Chroma Seek

#3AE4DC

Color Information

Hex Code

#3AE4DC

RGB

58, 228, 220

HSL

177°, 76%, 56%

CSS

#3AE4DC

Color Tints

Lighter variations of #3AE4DC

#3AE4DC

#4EE7E0

10%

#61E9E3

20%

#75ECE7

30%

#89EFEA

40%

#9DF2EE

50%

#B0F4F1

60%

#C4F7F5

70%

#D8FAF8

80%

#EBFCFC

90%

#FFFFFF

100%

Color Shades

Darker variations of #3AE4DC

#3AE4DC

#34CDC6

10%

#2EB6B0

20%

#29A09A

30%

#238984

40%

#1D726E

50%

#175B58

60%

#114442

70%

#0C2E2C

80%

#061716

90%

#000000

100%

Related Colors

Complementary Color

#E43A42

Opposite on color wheel

Split-Complementary Colors

#E43A97, #E4863A

Adjacent to complementary color

Analogous Colors

#3AE486, #3A97E4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DC3AE4, #E4DC3A

Three colors equally spaced (120° apart)

Tetradic Colors

#3A42E4, #E43A42, #E4DC3A

Rectangle on color wheel (90° apart)

Square Colors

#863AE4, #E43A42, #97E43A

Four colors equally spaced (90° apart)

Monochromatic Variations

#EDFDFC, #93F0EC, #16A29B, #0A4845

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3AE4DC

#3AE45C

#3A6DE4

#E43A42

#E4863A

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

Triadic + Accent

#3AE4DC

#DC3AE4

#E4DC3A

#9398F0

#1DA216

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

Monochromatic + Split Complementary

#3AE4DC

#AAF3F0

#138B85

#E43A97

#E4863A

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

#3AE4DC

RGB Values

58, 228, 220

HSL Values

177°, 76%, 56%