color #686EE6 | Chroma Seek

#686EE6

Color Information

Hex Code

#686EE6

RGB

104, 110, 230

HSL

237°, 72%, 65%

CSS

#686EE6

Color Tints

Lighter variations of #686EE6

#686EE6

#777DE9

10%

#868BEB

20%

#959AEE

30%

#A4A8F0

40%

#B4B7F3

50%

#C3C5F5

60%

#D2D4F8

70%

#E1E2FA

80%

#F0F1FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #686EE6

#686EE6

#5E63CF

10%

#5358B8

20%

#494DA1

30%

#3E428A

40%

#343773

50%

#2A2C5C

60%

#1F2145

70%

#15162E

80%

#0A0B17

90%

#000000

100%

Related Colors

Complementary Color

#E6E065

Opposite on color wheel

Split-Complementary Colors

#E69F65, #ACE665

Adjacent to complementary color

Analogous Colors

#65ACE6, #9F65E6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E6656C, #6CE665

Three colors equally spaced (120° apart)

Tetradic Colors

#E065E6, #E6E065, #6CE665

Rectangle on color wheel (90° apart)

Square Colors

#E665AC, #E6E065, #65E69F

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #BDC0F4, #2028C5, #12166E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#686EE6

#65CCE6

#BF65E6

#E6E065

#ACE665

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

Triadic + Accent

#686EE6

#E6656C

#6CE665

#EDA7F1

#20C5BD

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

Monochromatic + Split Complementary

#686EE6

#BDC0F4

#1D24AF

#E69F65

#ACE665

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

#686EE6

RGB Values

104, 110, 230

HSL Values

237°, 72%, 65%