color #3BA3E8 | Chroma Seek

#3BA3E8

Color Information

Hex Code

#3BA3E8

RGB

59, 163, 232

HSL

204°, 79%, 57%

CSS

#3BA3E8

Color Tints

Lighter variations of #3BA3E8

#3BA3E8

#4FACEA

10%

#62B5ED

20%

#76BFEF

30%

#89C8F1

40%

#9DD1F4

50%

#B1DAF6

60%

#C4E3F8

70%

#D8EDFA

80%

#EBF6FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #3BA3E8

#3BA3E8

#3593D1

10%

#2F82BA

20%

#2972A2

30%

#23628B

40%

#1E5274

50%

#18415D

60%

#123146

70%

#0C212E

80%

#061017

90%

#000000

100%

Related Colors

Complementary Color

#E8803B

Opposite on color wheel

Split-Complementary Colors

#E83B4C, #E8D73B

Adjacent to complementary color

Analogous Colors

#3BE8D7, #3B4CE8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E83BA3, #A3E83B

Three colors equally spaced (120° apart)

Tetradic Colors

#803BE8, #E8803B, #A3E83B

Rectangle on color wheel (90° apart)

Square Colors

#D73BE8, #E8803B, #4CE83B

Four colors equally spaced (90° apart)

Monochromatic Variations

#F1F9FD, #96CEF3, #146DA9, #09324E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3BA3E8

#3BE8AB

#553BE8

#E8803B

#E8D73B

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

Triadic + Accent

#3BA3E8

#E83BA3

#A3E83B

#BB96F3

#14A94F

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

Monochromatic + Split Complementary

#3BA3E8

#ADD8F5

#115E92

#E83B4C

#E8D73B

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

#3BA3E8

RGB Values

59, 163, 232

HSL Values

204°, 79%, 57%