color #3AADB2 | Chroma Seek

#3AADB2

Color Information

Hex Code

#3AADB2

RGB

58, 173, 178

HSL

183°, 51%, 46%

CSS

#3AADB2

Color Tints

Lighter variations of #3AADB2

#3AADB2

#4EB5BA

10%

#61BDC1

20%

#75C6C9

30%

#89CED1

40%

#9DD6D9

50%

#B0DEE0

60%

#C4E6E8

70%

#D8EFF0

80%

#EBF7F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #3AADB2

#3AADB2

#349CA0

10%

#2E8A8E

20%

#29797D

30%

#23686B

40%

#1D5759

50%

#174547

60%

#113435

70%

#0C2324

80%

#061112

90%

#000000

100%

Related Colors

Complementary Color

#B13F39

Opposite on color wheel

Split-Complementary Colors

#B1396F, #B17B39

Adjacent to complementary color

Analogous Colors

#39B17B, #396FB1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B139AB, #ABB139

Three colors equally spaced (120° apart)

Tetradic Colors

#3F39B1, #B13F39, #ABB139

Rectangle on color wheel (90° apart)

Square Colors

#7B39B1, #B13F39, #6FB139

Four colors equally spaced (90° apart)

Monochromatic Variations

#C9ECEE, #7CD0D5, #206164, #071617

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3AADB2

#39B15D

#3951B1

#B13F39

#B17B39

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

Triadic + Accent

#3AADB2

#B139AB

#ABB139

#817CD5

#206424

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

Monochromatic + Split Complementary

#3AADB2

#8FD7DB

#1A4E51

#B1396F

#B17B39

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

#3AADB2

RGB Values

58, 173, 178

HSL Values

183°, 51%, 46%