color #3A9D97 | Chroma Seek

#3A9D97

Color Information

Hex Code

#3A9D97

RGB

58, 157, 151

HSL

176°, 46%, 42%

CSS

#3A9D97

Color Tints

Lighter variations of #3A9D97

#3A9D97

#4EA7A1

10%

#61B1AC

20%

#75BAB6

30%

#89C4C1

40%

#9DCECB

50%

#B0D8D5

60%

#C4E2E0

70%

#D8EBEA

80%

#EBF5F5

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A9D97

#3A9D97

#348D88

10%

#2E7E79

20%

#296E6A

30%

#235E5B

40%

#1D4F4C

50%

#173F3C

60%

#112F2D

70%

#0C1F1E

80%

#06100F

90%

#000000

100%

Related Colors

Complementary Color

#9C3A40

Opposite on color wheel

Split-Complementary Colors

#9C3A72, #9C653A

Adjacent to complementary color

Analogous Colors

#3A9C65, #3A729C

Adjacent colors on color wheel (30° apart)

Triadic Colors

#963A9C, #9C963A

Three colors equally spaced (120° apart)

Tetradic Colors

#3A409C, #9C3A40, #9C963A

Rectangle on color wheel (90° apart)

Square Colors

#653A9C, #9C3A40, #729C3A

Four colors equally spaced (90° apart)

Monochromatic Variations

#BCE6E3, #72CBC5, #1E524E, #030707

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A9D97

#3A9C4C

#3A599C

#9C3A40

#9C653A

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

Triadic + Accent

#3A9D97

#963A9C

#9C963A

#7277CB

#22521E

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

Monochromatic + Split Complementary

#3A9D97

#84D2CC

#173F3D

#9C3A72

#9C653A

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

#3A9D97

RGB Values

58, 157, 151

HSL Values

176°, 46%, 42%