color #3AAD64 | Chroma Seek

#3AAD64

Color Information

Hex Code

#3AAD64

RGB

58, 173, 100

HSL

142°, 50%, 45%

CSS

#3AAD64

Color Tints

Lighter variations of #3AAD64

#3AAD64

#4EB574

10%

#61BD83

20%

#75C693

30%

#89CEA2

40%

#9DD6B2

50%

#B0DEC1

60%

#C4E6D1

70%

#D8EFE0

80%

#EBF7F0

90%

#FFFFFF

100%

Color Shades

Darker variations of #3AAD64

#3AAD64

#349C5A

10%

#2E8A50

20%

#297946

30%

#23683C

40%

#1D5732

50%

#174528

60%

#11341E

70%

#0C2314

80%

#06110A

90%

#000000

100%

Related Colors

Complementary Color

#AC3982

Opposite on color wheel

Split-Complementary Colors

#9D39AC, #AC3949

Adjacent to complementary color

Analogous Colors

#49AC39, #39AC9D

Adjacent colors on color wheel (30° apart)

Triadic Colors

#6339AC, #AC6339

Three colors equally spaced (120° apart)

Tetradic Colors

#3982AC, #AC3982, #AC6339

Rectangle on color wheel (90° apart)

Square Colors

#3949AC, #AC3982, #AC9D39

Four colors equally spaced (90° apart)

Monochromatic Variations

#C6ECD4, #79D29A, #206037, #06130B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3AAD64

#65AC39

#399FAC

#AC3982

#AC3949

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

Triadic + Accent

#3AAD64

#6339AC

#AC6339

#79B2D2

#486020

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

Monochromatic + Split Complementary

#3AAD64

#8CD9A8

#1A4D2C

#9D39AC

#AC3949

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

#3AAD64

RGB Values

58, 173, 100

HSL Values

142°, 50%, 45%