color #315786 | Chroma Seek

#315786

Color Information

Hex Code

#315786

RGB

49, 87, 134

HSL

213°, 46%, 36%

CSS

#315786

Color Tints

Lighter variations of #315786

#315786

#466892

10%

#5A799E

20%

#6F89AA

30%

#839AB6

40%

#98ABC3

50%

#ADBCCF

60%

#C1CDDB

70%

#D6DDE7

80%

#EAEEF3

90%

#FFFFFF

100%

Color Shades

Darker variations of #315786

#315786

#2C4E79

10%

#27466B

20%

#223D5E

30%

#1D3450

40%

#192C43

50%

#142336

60%

#0F1A28

70%

#0A111B

80%

#05090D

90%

#000000

100%

Color Tones

Toned variations of #315786 (mixed with gray)

#315786

#395B85

10%

#415F85

20%

#496384

30%

#516784

40%

#596C83

50%

#607082

60%

#687482

70%

#707881

80%

#787C81

90%

#808080

100%

Related Colors

Complementary Color

#866032

Opposite on color wheel

Split-Complementary Colors

#863632, #828632

Adjacent to complementary color

Analogous Colors

#328286, #363286

Adjacent colors on color wheel (30° apart)

Triadic Colors

#863258, #588632

Three colors equally spaced (120° apart)

Tetradic Colors

#603286, #866032, #588632

Rectangle on color wheel (90° apart)

Square Colors

#863282, #866032, #328636

Four colors equally spaced (90° apart)

Monochromatic Variations

#A6BFDE, #5B8AC2, #16273C, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#315786

#328675

#4B3286

#866032

#828632

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

Triadic + Accent

#315786

#863258

#588632

#945BC2

#1C4A35

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

Monochromatic + Split Complementary

#315786

#6E97C9

#152438

#863632

#828632

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

#315786

RGB Values

49, 87, 134

HSL Values

213°, 46%, 36%