color #686F50 | Chroma Seek

#686F50

Color Information

Hex Code

#686F50

RGB

104, 111, 80

HSL

74°, 16%, 37%

CSS

#686F50

Color Tints

Lighter variations of #686F50

#686F50

#777D62

10%

#868C73

20%

#959A85

30%

#A4A996

40%

#B4B7A8

50%

#C3C5B9

60%

#D2D4CB

70%

#E1E2DC

80%

#F0F1EE

90%

#FFFFFF

100%

Color Shades

Darker variations of #686F50

#686F50

#5E6448

10%

#535940

20%

#494E38

30%

#3E4330

40%

#343828

50%

#2A2C20

60%

#1F2118

70%

#151610

80%

#0A0B08

90%

#000000

100%

Related Colors

Complementary Color

#564F6D

Opposite on color wheel

Split-Complementary Colors

#4F576D, #654F6D

Adjacent to complementary color

Analogous Colors

#6D654F, #576D4F

Adjacent colors on color wheel (30° apart)

Triadic Colors

#4F666D, #6D4F66

Three colors equally spaced (120° apart)

Tetradic Colors

#4F6D56, #564F6D, #6D4F66

Rectangle on color wheel (90° apart)

Square Colors

#4F6D65, #564F6D, #6D4F57

Four colors equally spaced (90° apart)

Monochromatic Variations

#C9CEBB, #9BA380, #2F3224, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#686F50

#6D5E4F

#506D4F

#564F6D

#654F6D

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

Triadic + Accent

#686F50

#4F666D

#6D4F66

#80A388

#3B2F2B

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

Monochromatic + Split Complementary

#686F50

#A6AE8F

#2A2C20

#4F576D

#654F6D

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

#686F50

RGB Values

104, 111, 80

HSL Values

74°, 16%, 37%