color #3AD0C6 | Chroma Seek

#3AD0C6

Color Information

Hex Code

#3AD0C6

RGB

58, 208, 198

HSL

176°, 61%, 52%

CSS

#3AD0C6

Color Tints

Lighter variations of #3AD0C6

#3AD0C6

#4ED5CC

10%

#61D9D1

20%

#75DED7

30%

#89E3DD

40%

#9DE8E3

50%

#B0ECE8

60%

#C4F1EE

70%

#D8F6F4

80%

#EBFAF9

90%

#FFFFFF

100%

Color Shades

Darker variations of #3AD0C6

#3AD0C6

#34BBB2

10%

#2EA69E

20%

#29928B

30%

#237D77

40%

#1D6863

50%

#17534F

60%

#113E3B

70%

#0C2A28

80%

#061514

90%

#000000

100%

Related Colors

Complementary Color

#CF3A44

Opposite on color wheel

Split-Complementary Colors

#CF3A8F, #CF7B3A

Adjacent to complementary color

Analogous Colors

#3ACF7B, #3A8FCF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C53ACF, #CFC53A

Three colors equally spaced (120° apart)

Tetradic Colors

#3A44CF, #CF3A44, #CFC53A

Rectangle on color wheel (90° apart)

Square Colors

#7B3ACF, #CF3A44, #8FCF3A

Four colors equally spaced (90° apart)

Monochromatic Variations

#DEF7F5, #8CE3DD, #20837D, #0C312F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3AD0C6

#3ACF55

#3A69CF

#CF3A44

#CF7B3A

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

Triadic + Accent

#3AD0C6

#C53ACF

#CFC53A

#8C92E3

#268320

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

Monochromatic + Split Complementary

#3AD0C6

#A1E8E3

#1B6F69

#CF3A8F

#CF7B3A

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

#3AD0C6

RGB Values

58, 208, 198

HSL Values

176°, 61%, 52%