color #686DC2 | Chroma Seek

#686DC2

Color Information

Hex Code

#686DC2

RGB

104, 109, 194

HSL

237°, 42%, 58%

CSS

#686DC2

Color Tints

Lighter variations of #686DC2

#686DC2

#777CC8

10%

#868ACE

20%

#9599D4

30%

#A4A7DA

40%

#B4B6E1

50%

#C3C5E7

60%

#D2D3ED

70%

#E1E2F3

80%

#F0F0F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #686DC2

#686DC2

#5E62AF

10%

#53579B

20%

#494C88

30%

#3E4174

40%

#343761

50%

#2A2C4E

60%

#1F213A

70%

#151627

80%

#0A0B13

90%

#000000

100%

Related Colors

Complementary Color

#C1BC67

Opposite on color wheel

Split-Complementary Colors

#C18F67, #98C167

Adjacent to complementary color

Analogous Colors

#6798C1, #8F67C1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C1676B, #6BC167

Three colors equally spaced (120° apart)

Tetradic Colors

#BC67C1, #C1BC67, #6BC167

Rectangle on color wheel (90° apart)

Square Colors

#C16798, #C1BC67, #67C18F

Four colors equally spaced (90° apart)

Monochromatic Variations

#F8F8FC, #AFB2DE, #383C8A, #1B1D41

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#686DC2

#67AFC1

#A667C1

#C1BC67

#98C167

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

Triadic + Accent

#686DC2

#C1676B

#6BC167

#DCAFDE

#388A86

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

Monochromatic + Split Complementary

#686DC2

#C1C3E6

#313477

#C18F67

#98C167

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

#686DC2

RGB Values

104, 109, 194

HSL Values

237°, 42%, 58%