color #3C87D4 | Chroma Seek

#3C87D4

Color Information

Hex Code

#3C87D4

RGB

60, 135, 212

HSL

210°, 64%, 53%

CSS

#3C87D4

Color Tints

Lighter variations of #3C87D4

#3C87D4

#5093D8

10%

#639FDD

20%

#77ABE1

30%

#8AB7E5

40%

#9EC3EA

50%

#B1CFEE

60%

#C5DBF2

70%

#D8E7F6

80%

#ECF3FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #3C87D4

#3C87D4

#367ABF

10%

#306CAA

20%

#2A5F94

30%

#24517F

40%

#1E446A

50%

#183655

60%

#122940

70%

#0C1B2A

80%

#060E15

90%

#000000

100%

Related Colors

Complementary Color

#D4873A

Opposite on color wheel

Split-Complementary Colors

#D43A3A, #D4D43A

Adjacent to complementary color

Analogous Colors

#3AD4D4, #3A3AD4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D43A87, #87D43A

Three colors equally spaced (120° apart)

Tetradic Colors

#873AD4, #D4873A, #87D43A

Rectangle on color wheel (90° apart)

Square Colors

#D43AD4, #D4873A, #3AD43A

Four colors equally spaced (90° apart)

Monochromatic Variations

#E2EDF9, #8EBAE6, #1E548A, #0C2136

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3C87D4

#3AD4AE

#613AD4

#D4873A

#D4D43A

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

Triadic + Accent

#3C87D4

#D43A87

#87D43A

#BA8EE6

#1E8A54

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

Monochromatic + Split Complementary

#3C87D4

#A3C7EB

#1A4775

#D43A3A

#D4D43A

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

#3C87D4

RGB Values

60, 135, 212

HSL Values

210°, 64%, 53%