color #3BB1DF | Chroma Seek

#3BB1DF

Color Information

Hex Code

#3BB1DF

RGB

59, 177, 223

HSL

197°, 72%, 55%

CSS

#3BB1DF

Color Tints

Lighter variations of #3BB1DF

#3BB1DF

#4FB9E2

10%

#62C1E5

20%

#76C8E9

30%

#89D0EC

40%

#9DD8EF

50%

#B1E0F2

60%

#C4E8F5

70%

#D8EFF9

80%

#EBF7FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #3BB1DF

#3BB1DF

#359FC9

10%

#2F8EB2

20%

#297C9C

30%

#236A86

40%

#1E5970

50%

#184759

60%

#123543

70%

#0C232D

80%

#061216

90%

#000000

100%

Related Colors

Complementary Color

#DF683A

Opposite on color wheel

Split-Complementary Colors

#DF3A5D, #DFBB3A

Adjacent to complementary color

Analogous Colors

#3ADFBB, #3A5DDF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DF3AB0, #B0DF3A

Three colors equally spaced (120° apart)

Tetradic Colors

#683ADF, #DF683A, #B0DF3A

Rectangle on color wheel (90° apart)

Square Colors

#BB3ADF, #DF683A, #5DDF3A

Four colors equally spaced (90° apart)

Monochromatic Variations

#E9F6FB, #91D3ED, #19759A, #0B3242

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3BB1DF

#3ADF92

#3F3ADF

#DF683A

#DFBB3A

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

Triadic + Accent

#3BB1DF

#DF3AB0

#B0DF3A

#AB91ED

#199A3D

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

Monochromatic + Split Complementary

#3BB1DF

#A7DCF1

#156484

#DF3A5D

#DFBB3A

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

#3BB1DF

RGB Values

59, 177, 223

HSL Values

197°, 72%, 55%