color #313F74 | Chroma Seek

#313F74

Color Information

Hex Code

#313F74

RGB

49, 63, 116

HSL

227°, 41%, 32%

CSS

#313F74

Color Tints

Lighter variations of #313F74

#313F74

#465282

10%

#5A6590

20%

#6F799E

30%

#838CAC

40%

#989FBA

50%

#ADB2C7

60%

#C1C5D5

70%

#D6D9E3

80%

#EAECF1

90%

#FFFFFF

100%

Color Shades

Darker variations of #313F74

#313F74

#2C3968

10%

#27325D

20%

#222C51

30%

#1D2646

40%

#19203A

50%

#14192E

60%

#0F1323

70%

#0A0D17

80%

#05060C

90%

#000000

100%

Color Tones

Toned variations of #313F74 (mixed with gray)

#313F74

#394675

10%

#414C76

20%

#495378

30%

#515979

40%

#59607A

50%

#60667B

60%

#686D7C

70%

#70737E

80%

#787A7F

90%

#808080

100%

Related Colors

Complementary Color

#736530

Opposite on color wheel

Split-Complementary Colors

#734330, #607330

Adjacent to complementary color

Analogous Colors

#306073, #433073

Adjacent colors on color wheel (30° apart)

Triadic Colors

#73303F, #3F7330

Three colors equally spaced (120° apart)

Tetradic Colors

#653073, #736530, #3F7330

Rectangle on color wheel (90° apart)

Square Colors

#733060, #736530, #307343

Four colors equally spaced (90° apart)

Monochromatic Variations

#9AA7D5, #5268B7, #12172B, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#313F74

#307173

#543073

#736530

#607330

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

Triadic + Accent

#313F74

#73303F

#3F7330

#A152B7

#1E483F

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

Monochromatic + Split Complementary

#313F74

#6478BE

#171D36

#734330

#607330

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

#313F74

RGB Values

49, 63, 116

HSL Values

227°, 41%, 32%