color #3A6AFC | Chroma Seek

#3A6AFC

Color Information

Hex Code

#3A6AFC

RGB

58, 106, 252

HSL

225°, 97%, 61%

CSS

#3A6AFC

Color Tints

Lighter variations of #3A6AFC

#3A6AFC

#4E79FC

10%

#6188FD

20%

#7597FD

30%

#89A6FD

40%

#9DB5FE

50%

#B0C3FE

60%

#C4D2FE

70%

#D8E1FE

80%

#EBF0FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A6AFC

#3A6AFC

#345FE3

10%

#2E55CA

20%

#294AB0

30%

#234097

40%

#1D357E

50%

#172A65

60%

#11204C

70%

#0C1532

80%

#060B19

90%

#000000

100%

Related Colors

Complementary Color

#FCCC3B

Opposite on color wheel

Split-Complementary Colors

#FC6B3B, #CCFC3B

Adjacent to complementary color

Analogous Colors

#3BCCFC, #6B3BFC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FC3B6B, #6BFC3B

Three colors equally spaced (120° apart)

Tetradic Colors

#CC3BFC, #FCCC3B, #6BFC3B

Rectangle on color wheel (90° apart)

Square Colors

#FC3BCC, #FCCC3B, #3BFC6B

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #A0B7FE, #0336CE, #021C69

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A6AFC

#3BFCFC

#9C3BFC

#FCCC3B

#CCFC3B

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

Triadic + Accent

#3A6AFC

#FC3B6B

#6BFC3B

#E59BFD

#03CE9B

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

Monochromatic + Split Complementary

#3A6AFC

#B4C6FE

#032FB5

#FC6B3B

#CCFC3B

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

#3A6AFC

RGB Values

58, 106, 252

HSL Values

225°, 97%, 61%