color #3AD9B2 | Chroma Seek

#3AD9B2

Color Information

Hex Code

#3AD9B2

RGB

58, 217, 178

HSL

165°, 68%, 54%

CSS

#3AD9B2

Color Tints

Lighter variations of #3AD9B2

#3AD9B2

#4EDDBA

10%

#61E1C1

20%

#75E4C9

30%

#89E8D1

40%

#9DECD9

50%

#B0F0E0

60%

#C4F4E8

70%

#D8F7F0

80%

#EBFBF7

90%

#FFFFFF

100%

Color Shades

Darker variations of #3AD9B2

#3AD9B2

#34C3A0

10%

#2EAE8E

20%

#29987D

30%

#23826B

40%

#1D6D59

50%

#175747

60%

#114135

70%

#0C2B24

80%

#061612

90%

#000000

100%

Related Colors

Complementary Color

#D93A62

Opposite on color wheel

Split-Complementary Colors

#D93AB2, #D9623A

Adjacent to complementary color

Analogous Colors

#3AD962, #3AB2D9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B23AD9, #D9B23A

Three colors equally spaced (120° apart)

Tetradic Colors

#3A62D9, #D93A62, #D9B23A

Rectangle on color wheel (90° apart)

Square Colors

#623AD9, #D93A62, #B2D93A

Four colors equally spaced (90° apart)

Monochromatic Variations

#E5FAF5, #90EAD3, #1C9274, #0B3C30

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3AD9B2

#3AD93A

#3A8AD9

#D93A62

#D9623A

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

Triadic + Accent

#3AD9B2

#B23AD9

#D9B23A

#90A6EA

#39921C

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

Monochromatic + Split Complementary

#3AD9B2

#A5EEDC

#187C63

#D93AB2

#D9623A

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

#3AD9B2

RGB Values

58, 217, 178

HSL Values

165°, 68%, 54%