color #3C5AB3 | Chroma Seek

#3C5AB3

Color Information

Hex Code

#3C5AB3

RGB

60, 90, 179

HSL

225°, 50%, 47%

CSS

#3C5AB3

Color Tints

Lighter variations of #3C5AB3

#3C5AB3

#506BBB

10%

#637BC2

20%

#778CCA

30%

#8A9CD1

40%

#9EADD9

50%

#B1BDE1

60%

#C5CEE8

70%

#D8DEF0

80%

#ECEFF7

90%

#FFFFFF

100%

Color Shades

Darker variations of #3C5AB3

#3C5AB3

#3651A1

10%

#30488F

20%

#2A3F7D

30%

#24366B

40%

#1E2D5A

50%

#182448

60%

#121B36

70%

#0C1224

80%

#060912

90%

#000000

100%

Related Colors

Complementary Color

#B4963C

Opposite on color wheel

Split-Complementary Colors

#B45A3C, #96B43C

Adjacent to complementary color

Analogous Colors

#3C96B4, #5A3CB4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B43C5A, #5AB43C

Three colors equally spaced (120° apart)

Tetradic Colors

#963CB4, #B4963C, #5AB43C

Rectangle on color wheel (90° apart)

Square Colors

#B43C96, #B4963C, #3CB45A

Four colors equally spaced (90° apart)

Monochromatic Variations

#CDD6EE, #8196D5, #223467, #090D1B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3C5AB3

#3CB4B4

#783CB4

#B4963C

#96B43C

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

Triadic + Accent

#3C5AB3

#B43C5A

#5AB43C

#C081D5

#226756

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

Monochromatic + Split Complementary

#3C5AB3

#94A6DB

#1C2A54

#B45A3C

#96B43C

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

#3C5AB3

RGB Values

60, 90, 179

HSL Values

225°, 50%, 47%