color #3BA1CB | Chroma Seek

#3BA1CB

Color Information

Hex Code

#3BA1CB

RGB

59, 161, 203

HSL

198°, 58%, 51%

CSS

#3BA1CB

Color Tints

Lighter variations of #3BA1CB

#3BA1CB

#4FAAD0

10%

#62B4D5

20%

#76BDDB

30%

#89C7E0

40%

#9DD0E5

50%

#B1D9EA

60%

#C4E3EF

70%

#D8ECF5

80%

#EBF6FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #3BA1CB

#3BA1CB

#3591B7

10%

#2F81A2

20%

#29718E

30%

#23617A

40%

#1E5166

50%

#184051

60%

#12303D

70%

#0C2029

80%

#061014

90%

#000000

100%

Related Colors

Complementary Color

#CB653A

Opposite on color wheel

Split-Complementary Colors

#CB3A57, #CBAE3A

Adjacent to complementary color

Analogous Colors

#3ACBAE, #3A57CB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CB3A9F, #9FCB3A

Three colors equally spaced (120° apart)

Tetradic Colors

#653ACB, #CB653A, #9FCB3A

Rectangle on color wheel (90° apart)

Square Colors

#AE3ACB, #CB653A, #57CB3A

Four colors equally spaced (90° apart)

Monochromatic Variations

#DBEDF5, #8AC6E0, #21617D, #0C232C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3BA1CB

#3ACB89

#413ACB

#CB653A

#CBAE3A

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

Triadic + Accent

#3BA1CB

#CB3A9F

#9FCB3A

#A48AE0

#217D3D

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

Monochromatic + Split Complementary

#3BA1CB

#9ED0E5

#1C5269

#CB3A57

#CBAE3A

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

#3BA1CB

RGB Values

59, 161, 203

HSL Values

198°, 58%, 51%