color #312316 | Chroma Seek

#312316

Color Information

Hex Code

#312316

RGB

49, 35, 22

HSL

29°, 38%, 14%

CSS

#312316

Color Tints

Lighter variations of #312316

#312316

#46392D

10%

#5A4F45

20%

#6F655C

30%

#837B73

40%

#98918B

50%

#ADA7A2

60%

#C1BDB9

70%

#D6D3D0

80%

#EAE9E8

90%

#FFFFFF

100%

Color Shades

Darker variations of #312316

#312316

#2C2014

10%

#271C12

20%

#22190F

30%

#1D150D

40%

#19120B

50%

#140E09

60%

#0F0B07

70%

#0A0704

80%

#050402

90%

#000000

100%

Related Colors

Complementary Color

#162431

Opposite on color wheel

Split-Complementary Colors

#163131, #161731

Adjacent to complementary color

Analogous Colors

#311617, #313116

Adjacent colors on color wheel (30° apart)

Triadic Colors

#163123, #231631

Three colors equally spaced (120° apart)

Tetradic Colors

#243116, #162431, #231631

Rectangle on color wheel (90° apart)

Square Colors

#173116, #162431, #311631

Four colors equally spaced (90° apart)

Monochromatic Variations

#D6BCA4, #BE956F, #9B6F46, #66492E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#312316

#31161D

#2B3116

#162431

#161731

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

Triadic + Accent

#312316

#163123

#231631

#587836

#462034

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

Monochromatic + Split Complementary

#312316

#89623E

#352618

#163131

#161731

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

#312316

RGB Values

49, 35, 22

HSL Values

29°, 38%, 14%