color #3C97EC | Chroma Seek

#3C97EC

Color Information

Hex Code

#3C97EC

RGB

60, 151, 236

HSL

209°, 82%, 58%

CSS

#3C97EC

Color Tints

Lighter variations of #3C97EC

#3C97EC

#50A1EE

10%

#63ACF0

20%

#77B6F2

30%

#8AC1F4

40%

#9ECBF6

50%

#B1D5F7

60%

#C5E0F9

70%

#D8EAFB

80%

#ECF5FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #3C97EC

#3C97EC

#3688D4

10%

#3079BD

20%

#2A6AA5

30%

#245B8E

40%

#1E4C76

50%

#183C5E

60%

#122D47

70%

#0C1E2F

80%

#060F18

90%

#000000

100%

Related Colors

Complementary Color

#EC913C

Opposite on color wheel

Split-Complementary Colors

#EC3C3F, #ECE93C

Adjacent to complementary color

Analogous Colors

#3CECE9, #3C3FEC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#EC3C97, #97EC3C

Three colors equally spaced (120° apart)

Tetradic Colors

#913CEC, #EC913C, #97EC3C

Rectangle on color wheel (90° apart)

Square Colors

#E93CEC, #EC913C, #3FEC3C

Four colors equally spaced (90° apart)

Monochromatic Variations

#F6FAFE, #99C8F5, #1164B0, #082F54

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3C97EC

#3CECBD

#653CEC

#EC913C

#ECE93C

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

Triadic + Accent

#3C97EC

#EC3C97

#97EC3C

#C599F5

#11B05E

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

Monochromatic + Split Complementary

#3C97EC

#B0D5F7

#0F5699

#EC3C3F

#ECE93C

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

#3C97EC

RGB Values

60, 151, 236

HSL Values

209°, 82%, 58%