color #3AB1C2 | Chroma Seek

#3AB1C2

Color Information

Hex Code

#3AB1C2

RGB

58, 177, 194

HSL

188°, 54%, 49%

CSS

#3AB1C2

Color Tints

Lighter variations of #3AB1C2

#3AB1C2

#4EB9C8

10%

#61C1CE

20%

#75C8D4

30%

#89D0DA

40%

#9DD8E1

50%

#B0E0E7

60%

#C4E8ED

70%

#D8EFF3

80%

#EBF7F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #3AB1C2

#3AB1C2

#349FAF

10%

#2E8E9B

20%

#297C88

30%

#236A74

40%

#1D5961

50%

#17474E

60%

#11353A

70%

#0C2327

80%

#061213

90%

#000000

100%

Related Colors

Complementary Color

#C04B39

Opposite on color wheel

Split-Complementary Colors

#C0396B, #C08F39

Adjacent to complementary color

Analogous Colors

#39C08F, #396BC0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C039AE, #AEC039

Three colors equally spaced (120° apart)

Tetradic Colors

#4B39C0, #C04B39, #AEC039

Rectangle on color wheel (90° apart)

Square Colors

#8F39C0, #C04B39, #6BC039

Four colors equally spaced (90° apart)

Monochromatic Variations

#D4EEF2, #85CFDB, #226772, #0B2023

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3AB1C2

#39C06D

#3949C0

#C04B39

#C08F39

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

Triadic + Accent

#3AB1C2

#C039AE

#AEC039

#9185DB

#22722D

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

Monochromatic + Split Complementary

#3AB1C2

#99D7E1

#1C555E

#C0396B

#C08F39

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

#3AB1C2

RGB Values

58, 177, 194

HSL Values

188°, 54%, 49%