color #313949 | Chroma Seek

#313949

Color Information

Hex Code

#313949

RGB

49, 57, 73

HSL

220°, 20%, 24%

CSS

#313949

Color Tints

Lighter variations of #313949

#313949

#464D5B

10%

#5A616D

20%

#6F7480

30%

#838892

40%

#989CA4

50%

#ADB0B6

60%

#C1C4C8

70%

#D6D7DB

80%

#EAEBED

90%

#FFFFFF

100%

Color Shades

Darker variations of #313949

#313949

#2C3342

10%

#272E3A

20%

#222833

30%

#1D222C

40%

#191D25

50%

#14171D

60%

#0F1116

70%

#0A0B0F

80%

#050607

90%

#000000

100%

Related Colors

Complementary Color

#494131

Opposite on color wheel

Split-Complementary Colors

#493531, #454931

Adjacent to complementary color

Analogous Colors

#314549, #353149

Adjacent colors on color wheel (30° apart)

Triadic Colors

#493139, #394931

Three colors equally spaced (120° apart)

Tetradic Colors

#413149, #494131, #394931

Rectangle on color wheel (90° apart)

Square Colors

#493145, #494131, #314935

Four colors equally spaced (90° apart)

Monochromatic Variations

#CED3DE, #A0ABC0, #7282A1, #505D77

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#313949

#314947

#3B3149

#494131

#454931

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

Triadic + Accent

#313949

#493139

#394931

#785A87

#293D36

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

Monochromatic + Split Complementary

#313949

#647596

#1F242E

#493531

#454931

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

#313949

RGB Values

49, 57, 73

HSL Values

220°, 20%, 24%