color #3FBA71 | Chroma Seek

#3FBA71

Color Information

Hex Code

#3FBA71

RGB

63, 186, 113

HSL

144°, 49%, 49%

CSS

#3FBA71

Color Tints

Lighter variations of #3FBA71

#3FBA71

#52C17F

10%

#65C88D

20%

#79CF9C

30%

#8CD6AA

40%

#9FDDB8

50%

#B2E3C6

60%

#C5EAD4

70%

#D9F1E3

80%

#ECF8F1

90%

#FFFFFF

100%

Color Shades

Darker variations of #3FBA71

#3FBA71

#39A766

10%

#32955A

20%

#2C824F

30%

#267044

40%

#205D39

50%

#194A2D

60%

#133822

70%

#0D2517

80%

#06130B

90%

#000000

100%

Related Colors

Complementary Color

#BA4089

Opposite on color wheel

Split-Complementary Colors

#AE40BA, #BA404C

Adjacent to complementary color

Analogous Colors

#4CBA40, #40BAAE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#7140BA, #BA7140

Three colors equally spaced (120° apart)

Tetradic Colors

#4089BA, #BA4089, #BA7140

Rectangle on color wheel (90° apart)

Square Colors

#404CBA, #BA4089, #BAAE40

Four colors equally spaced (90° apart)

Monochromatic Variations

#D5F1E0, #89D7A8, #266E43, #0C2215

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3FBA71

#6BBA40

#40A8BA

#BA4089

#BA404C

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

Triadic + Accent

#3FBA71

#7140BA

#BA7140

#89B8D7

#516E26

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

Monochromatic + Split Complementary

#3FBA71

#9CDDB6

#1F5B37

#AE40BA

#BA404C

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

#3FBA71

RGB Values

63, 186, 113

HSL Values

144°, 49%, 49%