color #686D6C | Chroma Seek

#686D6C

Color Information

Hex Code

#686D6C

RGB

104, 109, 108

HSL

168°, 2%, 42%

CSS

#686D6C

Color Tints

Lighter variations of #686D6C

#686D6C

#777C7B

10%

#868A89

20%

#959998

30%

#A4A7A7

40%

#B4B6B6

50%

#C3C5C4

60%

#D2D3D3

70%

#E1E2E2

80%

#F0F0F0

90%

#FFFFFF

100%

Color Shades

Darker variations of #686D6C

#686D6C

#5E6261

10%

#535756

20%

#494C4C

30%

#3E4141

40%

#343736

50%

#2A2C2B

60%

#1F2120

70%

#151616

80%

#0A0B0B

90%

#000000

100%

Related Colors

Complementary Color

#6D696A

Opposite on color wheel

Split-Complementary Colors

#6D696C, #6D6A69

Adjacent to complementary color

Analogous Colors

#696D6A, #696C6D

Adjacent colors on color wheel (30° apart)

Triadic Colors

#6C696D, #6D6C69

Three colors equally spaced (120° apart)

Tetradic Colors

#696A6D, #6D696A, #6D6C69

Rectangle on color wheel (90° apart)

Square Colors

#6A696D, #6D696A, #6C6D69

Four colors equally spaced (90° apart)

Monochromatic Variations

#D0D2D2, #9CA09F, #373939, #050505

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#686D6C

#696D69

#696B6D

#6D696A

#6D6A69

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

Triadic + Accent

#686D6C

#6C696D

#6D6C69

#9C9DA0

#373937

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

Monochromatic + Split Complementary

#686D6C

#A9ADAC

#2A2C2C

#6D696C

#6D6A69

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

#686D6C

RGB Values

104, 109, 108

HSL Values

168°, 2%, 42%