color #3BAD9C | Chroma Seek

#3BAD9C

Color Information

Hex Code

#3BAD9C

RGB

59, 173, 156

HSL

171°, 49%, 45%

CSS

#3BAD9C

Color Tints

Lighter variations of #3BAD9C

#3BAD9C

#4FB5A6

10%

#62BDB0

20%

#76C6BA

30%

#89CEC4

40%

#9DD6CE

50%

#B1DED7

60%

#C4E6E1

70%

#D8EFEB

80%

#EBF7F5

90%

#FFFFFF

100%

Color Shades

Darker variations of #3BAD9C

#3BAD9C

#359C8C

10%

#2F8A7D

20%

#29796D

30%

#23685E

40%

#1E574E

50%

#18453E

60%

#12342F

70%

#0C231F

80%

#061110

90%

#000000

100%

Related Colors

Complementary Color

#AB3B4B

Opposite on color wheel

Split-Complementary Colors

#AB3B84, #AB623B

Adjacent to complementary color

Analogous Colors

#3BAB62, #3B84AB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9A3BAB, #AB9A3B

Three colors equally spaced (120° apart)

Tetradic Colors

#3B4BAB, #AB3B4B, #AB9A3B

Rectangle on color wheel (90° apart)

Square Colors

#623BAB, #AB3B4B, #84AB3B

Four colors equally spaced (90° apart)

Monochromatic Variations

#C6EBE6, #7AD1C4, #215F56, #071311

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3BAD9C

#3BAB46

#3B68AB

#AB3B4B

#AB623B

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

Triadic + Accent

#3BAD9C

#9A3BAB

#AB9A3B

#7A87D1

#2A5F21

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

Monochromatic + Split Complementary

#3BAD9C

#8DD8CD

#1A4C44

#AB3B84

#AB623B

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

#3BAD9C

RGB Values

59, 173, 156

HSL Values

171°, 49%, 45%