color #313B45 | Chroma Seek

#313B45

Color Information

Hex Code

#313B45

RGB

49, 59, 69

HSL

210°, 17%, 23%

CSS

#313B45

Color Tints

Lighter variations of #313B45

#313B45

#464F58

10%

#5A626A

20%

#6F767D

30%

#83898F

40%

#989DA2

50%

#ADB1B5

60%

#C1C4C7

70%

#D6D8DA

80%

#EAEBEC

90%

#FFFFFF

100%

Color Shades

Darker variations of #313B45

#313B45

#2C353E

10%

#272F37

20%

#222930

30%

#1D2329

40%

#191E23

50%

#14181C

60%

#0F1215

70%

#0A0C0E

80%

#050607

90%

#000000

100%

Color Tones

Toned variations of #313B45 (mixed with gray)

#313B45

#39424B

10%

#414951

20%

#495057

30%

#51575D

40%

#595E63

50%

#606468

60%

#686B6E

70%

#707274

80%

#78797A

90%

#808080

100%

Related Colors

Complementary Color

#453B31

Opposite on color wheel

Split-Complementary Colors

#453131, #454531

Adjacent to complementary color

Analogous Colors

#314545, #313145

Adjacent colors on color wheel (30° apart)

Triadic Colors

#45313B, #3B4531

Three colors equally spaced (120° apart)

Tetradic Colors

#3B3145, #453B31, #3B4531

Rectangle on color wheel (90° apart)

Square Colors

#453145, #453B31, #314531

Four colors equally spaced (90° apart)

Monochromatic Variations

#CCD4DB, #A0ADBB, #73879C, #506171

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#313B45

#314540

#363145

#453B31

#454531

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

Triadic + Accent

#313B45

#45313B

#3B4531

#6E5B80

#2A3C33

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

Monochromatic + Split Complementary

#313B45

#667A8F

#20262D

#453131

#454531

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

#313B45

RGB Values

49, 59, 69

HSL Values

210°, 17%, 23%