color #3C7DF6 | Chroma Seek

#3C7DF6

Color Information

Hex Code

#3C7DF6

RGB

60, 125, 246

HSL

219°, 91%, 60%

CSS

#3C7DF6

Color Tints

Lighter variations of #3C7DF6

#3C7DF6

#508AF7

10%

#6397F8

20%

#77A4F9

30%

#8AB1FA

40%

#9EBEFB

50%

#B1CBFB

60%

#C5D8FC

70%

#D8E5FD

80%

#ECF2FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #3C7DF6

#3C7DF6

#3671DD

10%

#3064C5

20%

#2A58AC

30%

#244B94

40%

#1E3F7B

50%

#183262

60%

#12264A

70%

#0C1931

80%

#060D19

90%

#000000

100%

Related Colors

Complementary Color

#F6B53C

Opposite on color wheel

Split-Complementary Colors

#F6583C, #DAF63C

Adjacent to complementary color

Analogous Colors

#3CDAF6, #583CF6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F63C7D, #7DF63C

Three colors equally spaced (120° apart)

Tetradic Colors

#B53CF6, #F6B53C, #7DF63C

Rectangle on color wheel (90° apart)

Square Colors

#F63CDA, #F6B53C, #3CF658

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #9EBEFA, #094AC3, #052561

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3C7DF6

#3CF6E3

#863CF6

#F6B53C

#DAF63C

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

Triadic + Accent

#3C7DF6

#F63C7D

#7DF63C

#DA9EFA

#09C382

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

Monochromatic + Split Complementary

#3C7DF6

#B6CEFC

#0841AA

#F6583C

#DAF63C

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

#3C7DF6

RGB Values

60, 125, 246

HSL Values

219°, 91%, 60%