color #3A60CB | Chroma Seek

#3A60CB

Color Information

Hex Code

#3A60CB

RGB

58, 96, 203

HSL

224°, 58%, 51%

CSS

#3A60CB

Color Tints

Lighter variations of #3A60CB

#3A60CB

#4E70D0

10%

#6180D5

20%

#7590DB

30%

#89A0E0

40%

#9DB0E5

50%

#B0BFEA

60%

#C4CFEF

70%

#D8DFF5

80%

#EBEFFA

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A60CB

#3A60CB

#3456B7

10%

#2E4DA2

20%

#29438E

30%

#233A7A

40%

#1D3066

50%

#172651

60%

#111D3D

70%

#0C1329

80%

#060A14

90%

#000000

100%

Related Colors

Complementary Color

#CBA43A

Opposite on color wheel

Split-Complementary Colors

#CB5B3A, #A9CB3A

Adjacent to complementary color

Analogous Colors

#3AA9CB, #5B3ACB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CB3A60, #60CB3A

Three colors equally spaced (120° apart)

Tetradic Colors

#A43ACB, #CBA43A, #60CB3A

Rectangle on color wheel (90° apart)

Square Colors

#CB3AA9, #CBA43A, #3ACB5B

Four colors equally spaced (90° apart)

Monochromatic Variations

#DBE2F5, #8AA1E0, #213A7D, #0C142C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A60CB

#3ACBC8

#803ACB

#CBA43A

#A9CB3A

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

Triadic + Accent

#3A60CB

#CB3A60

#60CB3A

#C98AE0

#217D64

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

Monochromatic + Split Complementary

#3A60CB

#9EB1E5

#1C3069

#CB5B3A

#A9CB3A

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

#3A60CB

RGB Values

58, 96, 203

HSL Values

224°, 58%, 51%