color #314549 | Chroma Seek

#314549

Color Information

Hex Code

#314549

RGB

49, 69, 73

HSL

190°, 20%, 24%

CSS

#314549

Color Tints

Lighter variations of #314549

#314549

#46585B

10%

#5A6A6D

20%

#6F7D80

30%

#838F92

40%

#98A2A4

50%

#ADB5B6

60%

#C1C7C8

70%

#D6DADB

80%

#EAECED

90%

#FFFFFF

100%

Color Shades

Darker variations of #314549

#314549

#2C3E42

10%

#27373A

20%

#223033

30%

#1D292C

40%

#192325

50%

#141C1D

60%

#0F1516

70%

#0A0E0F

80%

#050707

90%

#000000

100%

Related Colors

Complementary Color

#493531

Opposite on color wheel

Split-Complementary Colors

#493139, #494131

Adjacent to complementary color

Analogous Colors

#314941, #313949

Adjacent colors on color wheel (30° apart)

Triadic Colors

#493145, #454931

Three colors equally spaced (120° apart)

Tetradic Colors

#353149, #493531, #454931

Rectangle on color wheel (90° apart)

Square Colors

#413149, #493531, #394931

Four colors equally spaced (90° apart)

Monochromatic Variations

#CEDCDE, #A0BAC0, #7299A1, #507177

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#314549

#31493B

#313349

#493531

#494131

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

Triadic + Accent

#314549

#493145

#454931

#615A87

#293D2C

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

Monochromatic + Split Complementary

#314549

#648E96

#1F2B2E

#493139

#494131

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

#314549

RGB Values

49, 69, 73

HSL Values

190°, 20%, 24%