color #3FAA95 | Chroma Seek

#3FAA95

Color Information

Hex Code

#3FAA95

RGB

63, 170, 149

HSL

168°, 46%, 46%

CSS

#3FAA95

Color Tints

Lighter variations of #3FAA95

#3FAA95

#52B3A0

10%

#65BBAA

20%

#79C4B5

30%

#8CCCBF

40%

#9FD5CA

50%

#B2DDD5

60%

#C5E6DF

70%

#D9EEEA

80%

#ECF7F4

90%

#FFFFFF

100%

Color Shades

Darker variations of #3FAA95

#3FAA95

#399986

10%

#328877

20%

#2C7768

30%

#266659

40%

#20554B

50%

#19443C

60%

#13332D

70%

#0D221E

80%

#06110F

90%

#000000

100%

Related Colors

Complementary Color

#AB3F55

Opposite on color wheel

Split-Complementary Colors

#AB3F8B, #AB603F

Adjacent to complementary color

Analogous Colors

#3FAB60, #3F8BAB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#963FAB, #AB963F

Three colors equally spaced (120° apart)

Tetradic Colors

#3F55AB, #AB3F55, #AB963F

Rectangle on color wheel (90° apart)

Square Colors

#603FAB, #AB3F55, #8BAB3F

Four colors equally spaced (90° apart)

Monochromatic Variations

#CBECE5, #80D0C0, #246155, #081614

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3FAA95

#3FAB45

#3F70AB

#AB3F55

#AB603F

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

Triadic + Accent

#3FAA95

#963FAB

#AB963F

#8090D0

#306124

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

Monochromatic + Split Complementary

#3FAA95

#93D7C9

#1D4E44

#AB3F8B

#AB603F

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

#3FAA95

RGB Values

63, 170, 149

HSL Values

168°, 46%, 46%