color #3670EC | Chroma Seek

#3670EC

Color Information

Hex Code

#3670EC

RGB

54, 112, 236

HSL

221°, 83%, 57%

CSS

#3670EC

Color Tints

Lighter variations of #3670EC

#3670EC

#4A7EEE

10%

#5E8DF0

20%

#729BF2

30%

#86A9F4

40%

#9BB8F6

50%

#AFC6F7

60%

#C3D4F9

70%

#D7E2FB

80%

#EBF1FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #3670EC

#3670EC

#3165D4

10%

#2B5ABD

20%

#264EA5

30%

#20438E

40%

#1B3876

50%

#162D5E

60%

#102247

70%

#0B162F

80%

#050B18

90%

#000000

100%

Related Colors

Complementary Color

#ECB336

Opposite on color wheel

Split-Complementary Colors

#EC5836, #CBEC36

Adjacent to complementary color

Analogous Colors

#36CBEC, #5836EC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#EC3670, #70EC36

Three colors equally spaced (120° apart)

Tetradic Colors

#B336EC, #ECB336, #70EC36

Rectangle on color wheel (90° apart)

Square Colors

#EC36CB, #ECB336, #36EC58

Four colors equally spaced (90° apart)

Monochromatic Variations

#F1F5FE, #94B3F5, #1042AD, #071E4F

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3670EC. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3670EC

#36ECE0

#8536EC

#ECB336

#CBEC36

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

Triadic + Accent

#3670EC

#EC3670

#70EC36

#D694F5

#10AD7B

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

Monochromatic + Split Complementary

#3670EC

#ABC3F7

#0E3995

#EC5836

#CBEC36

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

#3670EC

RGB Values

54, 112, 236

HSL Values

221°, 83%, 57%