color #3ABD98 | Chroma Seek

#3ABD98

Color Information

Hex Code

#3ABD98

RGB

58, 189, 152

HSL

163°, 53%, 48%

CSS

#3ABD98

Color Tints

Lighter variations of #3ABD98

#3ABD98

#4EC4A2

10%

#61CAAD

20%

#75D1B7

30%

#89D7C1

40%

#9DDECC

50%

#B0E5D6

60%

#C4EBE0

70%

#D8F2EA

80%

#EBF8F5

90%

#FFFFFF

100%

Color Shades

Darker variations of #3ABD98

#3ABD98

#34AA89

10%

#2E977A

20%

#29846A

30%

#23715B

40%

#1D5F4C

50%

#174C3D

60%

#11392E

70%

#0C261E

80%

#06130F

90%

#000000

100%

Related Colors

Complementary Color

#BB3A5E

Opposite on color wheel

Split-Complementary Colors

#BB3A9F, #BB563A

Adjacent to complementary color

Analogous Colors

#3ABB56, #3A9FBB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#973ABB, #BB973A

Three colors equally spaced (120° apart)

Tetradic Colors

#3A5EBB, #BB3A5E, #BB973A

Rectangle on color wheel (90° apart)

Square Colors

#563ABB, #BB3A5E, #9FBB3A

Four colors equally spaced (90° apart)

Monochromatic Variations

#D0F1E7, #82D9C0, #226D58, #0A1F19

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3ABD98

#3EBB3A

#3A7FBB

#BB3A5E

#BB563A

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

Triadic + Accent

#3ABD98

#973ABB

#BB973A

#829BD9

#376D22

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

Monochromatic + Split Complementary

#3ABD98

#96DFCA

#1C5A48

#BB3A9F

#BB563A

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

#3ABD98

RGB Values

58, 189, 152

HSL Values

163°, 53%, 48%