color #313A9D | Chroma Seek

#313A9D

Color Information

Hex Code

#313A9D

RGB

49, 58, 157

HSL

235°, 52%, 40%

CSS

#313A9D

Color Tints

Lighter variations of #313A9D

#313A9D

#464EA7

10%

#5A61B1

20%

#6F75BA

30%

#8389C4

40%

#989DCE

50%

#ADB0D8

60%

#C1C4E2

70%

#D6D8EB

80%

#EAEBF5

90%

#FFFFFF

100%

Color Shades

Darker variations of #313A9D

#313A9D

#2C348D

10%

#272E7E

20%

#22296E

30%

#1D235E

40%

#191D4F

50%

#14173F

60%

#0F112F

70%

#0A0C1F

80%

#050610

90%

#000000

100%

Related Colors

Complementary Color

#9B9231

Opposite on color wheel

Split-Complementary Colors

#9B5D31, #6F9B31

Adjacent to complementary color

Analogous Colors

#316F9B, #5D319B

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9B313A, #3A9B31

Three colors equally spaced (120° apart)

Tetradic Colors

#92319B, #9B9231, #3A9B31

Rectangle on color wheel (90° apart)

Square Colors

#9B316F, #9B9231, #319B5D

Four colors equally spaced (90° apart)

Monochromatic Variations

#B1B6E7, #646DCE, #181D4E, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#313A9D

#31899B

#78319B

#9B9231

#6F9B31

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

Triadic + Accent

#313A9D

#9B313A

#3A9B31

#C564CE

#184E49

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

Monochromatic + Split Complementary

#313A9D

#777FD4

#12163A

#9B5D31

#6F9B31

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

#313A9D

RGB Values

49, 58, 157

HSL Values

235°, 52%, 40%