color #314339 | Chroma Seek

#314339

Color Information

Hex Code

#314339

RGB

49, 67, 57

HSL

147°, 16%, 23%

CSS

#314339

Color Tints

Lighter variations of #314339

#314339

#46564D

10%

#5A6961

20%

#6F7B74

30%

#838E88

40%

#98A19C

50%

#ADB4B0

60%

#C1C7C4

70%

#D6D9D7

80%

#EAECEB

90%

#FFFFFF

100%

Color Shades

Darker variations of #314339

#314339

#2C3C33

10%

#27362E

20%

#222F28

30%

#1D2822

40%

#19221D

50%

#141B17

60%

#0F1411

70%

#0A0D0B

80%

#050706

90%

#000000

100%

Related Colors

Complementary Color

#44313C

Opposite on color wheel

Split-Complementary Colors

#433144, #443132

Adjacent to complementary color

Analogous Colors

#324431, #314443

Adjacent colors on color wheel (30° apart)

Triadic Colors

#3A3144, #443A31

Three colors equally spaced (120° apart)

Tetradic Colors

#313C44, #44313C, #443A31

Rectangle on color wheel (90° apart)

Square Colors

#313244, #44313C, #444331

Four colors equally spaced (90° apart)

Monochromatic Variations

#CDDBD3, #A0BAAC, #749A85, #51705F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#314339

#374431

#314044

#44313C

#443132

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

Triadic + Accent

#314339

#3A3144

#443A31

#5C6F7F

#343B2B

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

Monochromatic + Split Complementary

#314339

#678E78

#202C26

#433144

#443132

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

#314339

RGB Values

49, 67, 57

HSL Values

147°, 16%, 23%