color #3A53B8 | Chroma Seek

#3A53B8

Color Information

Hex Code

#3A53B8

RGB

58, 83, 184

HSL

228°, 52%, 47%

CSS

#3A53B8

Color Tints

Lighter variations of #3A53B8

#3A53B8

#4E64BF

10%

#6175C6

20%

#7587CD

30%

#8998D4

40%

#9DA9DC

50%

#B0BAE3

60%

#C4CBEA

70%

#D8DDF1

80%

#EBEEF8

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A53B8

#3A53B8

#344BA6

10%

#2E4293

20%

#293A81

30%

#23326E

40%

#1D2A5C

50%

#17214A

60%

#111937

70%

#0C1125

80%

#060812

90%

#000000

100%

Related Colors

Complementary Color

#B69D3A

Opposite on color wheel

Split-Complementary Colors

#B65F3A, #91B63A

Adjacent to complementary color

Analogous Colors

#3A91B6, #5F3AB6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B63A52, #52B63A

Three colors equally spaced (120° apart)

Tetradic Colors

#9D3AB6, #B69D3A, #52B63A

Rectangle on color wheel (90° apart)

Square Colors

#B63A91, #B69D3A, #3AB65F

Four colors equally spaced (90° apart)

Monochromatic Variations

#CDD4EF, #7F91D7, #212F69, #090C1B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A53B8

#3AB0B6

#7E3AB6

#B69D3A

#91B63A

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

Triadic + Accent

#3A53B8

#B63A52

#52B63A

#C57FD7

#21695A

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

Monochromatic + Split Complementary

#3A53B8

#92A1DD

#1B2755

#B65F3A

#91B63A

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

#3A53B8

RGB Values

58, 83, 184

HSL Values

228°, 52%, 47%