color #686C70 | Chroma Seek

#686C70

Color Information

Hex Code

#686C70

RGB

104, 108, 112

HSL

210°, 4%, 42%

CSS

#686C70

Color Tints

Lighter variations of #686C70

#686C70

#777B7E

10%

#86898D

20%

#95989B

30%

#A4A7A9

40%

#B4B6B8

50%

#C3C4C6

60%

#D2D3D4

70%

#E1E2E2

80%

#F0F0F1

90%

#FFFFFF

100%

Color Shades

Darker variations of #686C70

#686C70

#5E6165

10%

#53565A

20%

#494C4E

30%

#3E4143

40%

#343638

50%

#2A2B2D

60%

#1F2022

70%

#151616

80%

#0A0B0B

90%

#000000

100%

Related Colors

Complementary Color

#6F6B67

Opposite on color wheel

Split-Complementary Colors

#6F6767, #6F6F67

Adjacent to complementary color

Analogous Colors

#676F6F, #67676F

Adjacent colors on color wheel (30° apart)

Triadic Colors

#6F676B, #6B6F67

Three colors equally spaced (120° apart)

Tetradic Colors

#6B676F, #6F6B67, #6B6F67

Rectangle on color wheel (90° apart)

Square Colors

#6F676F, #6F6B67, #676F67

Four colors equally spaced (90° apart)

Monochromatic Variations

#CFD1D3, #9A9EA2, #36383A, #050505

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#686C70

#676F6D

#69676F

#6F6B67

#6F6F67

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

Triadic + Accent

#686C70

#6F676B

#6B6F67

#9E9AA2

#363A38

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

Monochromatic + Split Complementary

#686C70

#A7ABAE

#2A2B2D

#6F6767

#6F6F67

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

#686C70

RGB Values

104, 108, 112

HSL Values

210°, 4%, 42%