color #3A5571 | Chroma Seek

#3A5571

Color Information

Hex Code

#3A5571

RGB

58, 85, 113

HSL

211°, 32%, 34%

CSS

#3A5571

Color Tints

Lighter variations of #3A5571

#3A5571

#4E667F

10%

#61778D

20%

#75889C

30%

#8999AA

40%

#9DAAB8

50%

#B0BBC6

60%

#C4CCD4

70%

#D8DDE3

80%

#EBEEF1

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A5571

#3A5571

#344D66

10%

#2E445A

20%

#293B4F

30%

#233344

40%

#1D2B39

50%

#17222D

60%

#111A22

70%

#0C1117

80%

#06090B

90%

#000000

100%

Related Colors

Complementary Color

#72583B

Opposite on color wheel

Split-Complementary Colors

#723C3B, #72723B

Adjacent to complementary color

Analogous Colors

#3B7272, #3C3B72

Adjacent colors on color wheel (30° apart)

Triadic Colors

#723B56, #56723B

Three colors equally spaced (120° apart)

Tetradic Colors

#583B72, #72583B, #56723B

Rectangle on color wheel (90° apart)

Square Colors

#723B72, #72583B, #3B723C

Four colors equally spaced (90° apart)

Monochromatic Variations

#A7BCD2, #6488AF, #18232F, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A5571

#3B7265

#4A3B72

#72583B

#72723B

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

Triadic + Accent

#3A5571

#723B56

#56723B

#8B64AF

#234334

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

Monochromatic + Split Complementary

#3A5571

#7595B8

#1A2632

#723C3B

#72723B

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

#3A5571

RGB Values

58, 85, 113

HSL Values

211°, 32%, 34%