color #3A57B6 | Chroma Seek

#3A57B6

Color Information

Hex Code

#3A57B6

RGB

58, 87, 182

HSL

226°, 52%, 47%

CSS

#3A57B6

Color Tints

Lighter variations of #3A57B6

#3A57B6

#4E68BD

10%

#6179C5

20%

#7589CC

30%

#899AD3

40%

#9DABDB

50%

#B0BCE2

60%

#C4CDE9

70%

#D8DDF0

80%

#EBEEF8

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A57B6

#3A57B6

#344EA4

10%

#2E4692

20%

#293D7F

30%

#23346D

40%

#1D2C5B

50%

#172349

60%

#111A37

70%

#0C1124

80%

#060912

90%

#000000

100%

Related Colors

Complementary Color

#B6993A

Opposite on color wheel

Split-Complementary Colors

#B65B3A, #95B63A

Adjacent to complementary color

Analogous Colors

#3A95B6, #5B3AB6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B63A57, #57B63A

Three colors equally spaced (120° apart)

Tetradic Colors

#993AB6, #B6993A, #57B63A

Rectangle on color wheel (90° apart)

Square Colors

#B63A95, #B6993A, #3AB65B

Four colors equally spaced (90° apart)

Monochromatic Variations

#CDD5EF, #7F94D7, #213269, #090D1B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A57B6

#3AB4B6

#7A3AB6

#B6993A

#95B63A

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

Triadic + Accent

#3A57B6

#B63A57

#57B63A

#C27FD7

#216958

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

Monochromatic + Split Complementary

#3A57B6

#92A4DD

#1B2955

#B65B3A

#95B63A

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

#3A57B6

RGB Values

58, 87, 182

HSL Values

226°, 52%, 47%