color #3DA172 | Chroma Seek

#3DA172

Color Information

Hex Code

#3DA172

RGB

61, 161, 114

HSL

152°, 45%, 44%

CSS

#3DA172

Color Tints

Lighter variations of #3DA172

#3DA172

#50AA80

10%

#64B48E

20%

#77BD9C

30%

#8BC7AA

40%

#9ED0B9

50%

#B1D9C7

60%

#C5E3D5

70%

#D8ECE3

80%

#ECF6F1

90%

#FFFFFF

100%

Color Shades

Darker variations of #3DA172

#3DA172

#379167

10%

#31815B

20%

#2B7150

30%

#256144

40%

#1F5139

50%

#18402E

60%

#123022

70%

#0C2017

80%

#06100B

90%

#000000

100%

Related Colors

Complementary Color

#A33E6D

Opposite on color wheel

Split-Complementary Colors

#A33E9F, #A3413E

Adjacent to complementary color

Analogous Colors

#3EA341, #3E9FA3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#743EA3, #A3743E

Three colors equally spaced (120° apart)

Tetradic Colors

#3E6DA3, #A33E6D, #A3743E

Rectangle on color wheel (90° apart)

Square Colors

#413EA3, #A33E6D, #9FA33E

Four colors equally spaced (90° apart)

Monochromatic Variations

#C4E9D7, #7ACDA6, #22593F, #060F0B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3DA172

#54A33E

#3E86A3

#A33E6D

#A3413E

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

Triadic + Accent

#3DA172

#743EA3

#A3743E

#7AA0CD

#3B5922

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

Monochromatic + Split Complementary

#3DA172

#8CD4B2

#1B4632

#A33E9F

#A3413E

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

#3DA172

RGB Values

61, 161, 114

HSL Values

152°, 45%, 44%