color #686AED | Chroma Seek

#686AED

Color Information

Hex Code

#686AED

RGB

104, 106, 237

HSL

239°, 79%, 67%

CSS

#686AED

Color Tints

Lighter variations of #686AED

#686AED

#7779EF

10%

#8688F1

20%

#9597F2

30%

#A4A6F4

40%

#B4B5F6

50%

#C3C3F8

60%

#D2D2FA

70%

#E1E1FB

80%

#F0F0FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #686AED

#686AED

#5E5FD5

10%

#5355BE

20%

#494AA6

30%

#3E408E

40%

#343577

50%

#2A2A5F

60%

#1F2047

70%

#15152F

80%

#0A0B18

90%

#000000

100%

Color Tones

Toned variations of #686AED (mixed with gray)

#686AED

#6A6CE2

10%

#6D6ED7

20%

#6F71CC

30%

#7273C1

40%

#7475B7

50%

#7677AC

60%

#7979A1

70%

#7B7C96

80%

#7E7E8B

90%

#808080

100%

Related Colors

Complementary Color

#EDEB68

Opposite on color wheel

Split-Complementary Colors

#EDA968, #ADED68

Adjacent to complementary color

Analogous Colors

#68ADED, #A968ED

Adjacent colors on color wheel (30° apart)

Triadic Colors

#ED686B, #6BED68

Three colors equally spaced (120° apart)

Tetradic Colors

#EB68ED, #EDEB68, #6BED68

Rectangle on color wheel (90° apart)

Square Colors

#ED68AD, #EDEB68, #68EDA9

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #C4C5F8, #191CD7, #0E107B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#686AED

#68CEED

#CA68ED

#EDEB68

#ADED68

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

Triadic + Accent

#686AED

#ED686B

#6BED68

#F3A4F4

#19D7D3

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

Monochromatic + Split Complementary

#686AED

#BBBCF7

#1619C0

#EDA968

#ADED68

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

#686AED

RGB Values

104, 106, 237

HSL Values

239°, 79%, 67%