color #3BB2F3 | Chroma Seek

#3BB2F3

Color Information

Hex Code

#3BB2F3

RGB

59, 178, 243

HSL

201°, 88%, 59%

CSS

#3BB2F3

Color Tints

Lighter variations of #3BB2F3

#3BB2F3

#4FBAF4

10%

#62C1F5

20%

#76C9F7

30%

#89D1F8

40%

#9DD9F9

50%

#B1E0FA

60%

#C4E8FB

70%

#D8F0FD

80%

#EBF7FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #3BB2F3

#3BB2F3

#35A0DB

10%

#2F8EC2

20%

#297DAA

30%

#236B92

40%

#1E597A

50%

#184761

60%

#123549

70%

#0C2431

80%

#061218

90%

#000000

100%

Related Colors

Complementary Color

#F27B3A

Opposite on color wheel

Split-Complementary Colors

#F23A56, #F2D73A

Adjacent to complementary color

Analogous Colors

#3AF2D7, #3A56F2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F23AB2, #B2F23A

Three colors equally spaced (120° apart)

Tetradic Colors

#7B3AF2, #F27B3A, #B2F23A

Rectangle on color wheel (90° apart)

Square Colors

#D73AF2, #F27B3A, #56F23A

Four colors equally spaced (90° apart)

Monochromatic Variations

#FAFDFF, #9AD8F9, #0C7EBB, #063D5B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3BB2F3

#3AF2A9

#4D3AF2

#F27B3A

#F2D73A

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

Triadic + Accent

#3BB2F3

#F23AB2

#B2F23A

#BB9AF9

#0CBB49

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

Monochromatic + Split Complementary

#3BB2F3

#B2E1FA

#0A6EA3

#F23A56

#F2D73A

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

#3BB2F3

RGB Values

59, 178, 243

HSL Values

201°, 88%, 59%