color #3FD596 | Chroma Seek

#3FD596

Color Information

Hex Code

#3FD596

RGB

63, 213, 150

HSL

155°, 64%, 54%

CSS

#3FD596

Color Tints

Lighter variations of #3FD596

#3FD596

#52D9A1

10%

#65DDAB

20%

#79E2B6

30%

#8CE6C0

40%

#9FEACB

50%

#B2EED5

60%

#C5F2E0

70%

#D9F7EA

80%

#ECFBF5

90%

#FFFFFF

100%

Color Shades

Darker variations of #3FD596

#3FD596

#39C087

10%

#32AA78

20%

#2C9569

30%

#26805A

40%

#206B4B

50%

#19553C

60%

#13402D

70%

#0D2B1E

80%

#06150F

90%

#000000

100%

Related Colors

Complementary Color

#D53F7D

Opposite on color wheel

Split-Complementary Colors

#D53FC8, #D54B3F

Adjacent to complementary color

Analogous Colors

#3FD54B, #3FC8D5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#963FD5, #D5963F

Three colors equally spaced (120° apart)

Tetradic Colors

#3F7DD5, #D53F7D, #D5963F

Rectangle on color wheel (90° apart)

Square Colors

#4B3FD5, #D53F7D, #C8D53F

Four colors equally spaced (90° apart)

Monochromatic Variations

#E6F9F1, #92E7C4, #1F8E60, #0D3B28

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3FD596

#58D53F

#3FA3D5

#D53F7D

#D54B3F

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

Triadic + Accent

#3FD596

#963FD5

#D5963F

#92B6E7

#4D8E1F

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

Monochromatic + Split Complementary

#3FD596

#A7ECCF

#1B7952

#D53FC8

#D54B3F

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

#3FD596

RGB Values

63, 213, 150

HSL Values

155°, 64%, 54%