color #3CB0E2 | Chroma Seek

#3CB0E2

Color Information

Hex Code

#3CB0E2

RGB

60, 176, 226

HSL

198°, 74%, 56%

CSS

#3CB0E2

Color Tints

Lighter variations of #3CB0E2

#3CB0E2

#50B8E5

10%

#63C0E8

20%

#77C8EB

30%

#8AD0EE

40%

#9ED8F1

50%

#B1DFF3

60%

#C5E7F6

70%

#D8EFF9

80%

#ECF7FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #3CB0E2

#3CB0E2

#369ECB

10%

#308DB5

20%

#2A7B9E

30%

#246A88

40%

#1E5871

50%

#18465A

60%

#123544

70%

#0C232D

80%

#061217

90%

#000000

100%

Related Colors

Complementary Color

#E26E3C

Opposite on color wheel

Split-Complementary Colors

#E23C5D, #E2C13C

Adjacent to complementary color

Analogous Colors

#3CE2C1, #3C5DE2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E23CB0, #B0E23C

Three colors equally spaced (120° apart)

Tetradic Colors

#6E3CE2, #E26E3C, #B0E23C

Rectangle on color wheel (90° apart)

Square Colors

#C13CE2, #E26E3C, #5DE23C

Four colors equally spaced (90° apart)

Monochromatic Variations

#EDF8FC, #95D4EF, #1877A0, #0B3547

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3CB0E2

#3CE297

#443CE2

#E26E3C

#E2C13C

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

Triadic + Accent

#3CB0E2

#E23CB0

#B0E23C

#B095EF

#18A041

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

Monochromatic + Split Complementary

#3CB0E2

#ABDDF2

#15668A

#E23C5D

#E2C13C

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

#3CB0E2

RGB Values

60, 176, 226

HSL Values

198°, 74%, 56%