color #3FA986 | Chroma Seek

#3FA986

Color Information

Hex Code

#3FA986

RGB

63, 169, 134

HSL

160°, 46%, 45%

CSS

#3FA986

Color Tints

Lighter variations of #3FA986

#3FA986

#52B292

10%

#65BA9E

20%

#79C3AA

30%

#8CCBB6

40%

#9FD4C3

50%

#B2DDCF

60%

#C5E5DB

70%

#D9EEE7

80%

#ECF6F3

90%

#FFFFFF

100%

Color Shades

Darker variations of #3FA986

#3FA986

#399879

10%

#32876B

20%

#2C765E

30%

#266550

40%

#205543

50%

#194436

60%

#133328

70%

#0D221B

80%

#06110D

90%

#000000

100%

Related Colors

Complementary Color

#A83E61

Opposite on color wheel

Split-Complementary Colors

#A83E96, #A8503E

Adjacent to complementary color

Analogous Colors

#3EA850, #3E96A8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#843EA8, #A8843E

Three colors equally spaced (120° apart)

Tetradic Colors

#3E61A8, #A83E61, #A8843E

Rectangle on color wheel (90° apart)

Square Colors

#503EA8, #A83E61, #96A83E

Four colors equally spaced (90° apart)

Monochromatic Variations

#C7EADF, #7DCFB3, #225D4A, #07130F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3FA986

#47A83E

#3E7CA8

#A83E61

#A8503E

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

Triadic + Accent

#3FA986

#843EA8

#A8843E

#7D98CF

#365D22

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

Monochromatic + Split Complementary

#3FA986

#8FD6BE

#1C4A3B

#A83E96

#A8503E

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

#3FA986

RGB Values

63, 169, 134

HSL Values

160°, 46%, 45%