color #3A5BC7 | Chroma Seek

#3A5BC7

Color Information

Hex Code

#3A5BC7

RGB

58, 91, 199

HSL

226°, 56%, 50%

CSS

#3A5BC7

Color Tints

Lighter variations of #3A5BC7

#3A5BC7

#4E6BCD

10%

#617CD2

20%

#758CD8

30%

#899DDD

40%

#9DADE3

50%

#B0BDE9

60%

#C4CEEE

70%

#D8DEF4

80%

#EBEFF9

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A5BC7

#3A5BC7

#3452B3

10%

#2E499F

20%

#29408B

30%

#233777

40%

#1D2E64

50%

#172450

60%

#111B3C

70%

#0C1228

80%

#060914

90%

#000000

100%

Related Colors

Complementary Color

#C7A638

Opposite on color wheel

Split-Complementary Colors

#C75E38, #A1C738

Adjacent to complementary color

Analogous Colors

#38A1C7, #5E38C7

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C73859, #59C738

Three colors equally spaced (120° apart)

Tetradic Colors

#A638C7, #C7A638, #59C738

Rectangle on color wheel (90° apart)

Square Colors

#C738A1, #C7A638, #38C75E

Four colors equally spaced (90° apart)

Monochromatic Variations

#D7DEF4, #889CDD, #223677, #0B1228

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A5BC7

#38C5C7

#8238C7

#C7A638

#A1C738

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

Triadic + Accent

#3A5BC7

#C73859

#59C738

#C988DD

#227763

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

Monochromatic + Split Complementary

#3A5BC7

#9CACE3

#1C2D63

#C75E38

#A1C738

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

#3A5BC7

RGB Values

58, 91, 199

HSL Values

226°, 56%, 50%