color #686FDF | Chroma Seek

#686FDF

Color Information

Hex Code

#686FDF

RGB

104, 111, 223

HSL

236°, 65%, 64%

CSS

#686FDF

Color Tints

Lighter variations of #686FDF

#686FDF

#777DE2

10%

#868CE5

20%

#959AE9

30%

#A4A9EC

40%

#B4B7EF

50%

#C3C5F2

60%

#D2D4F5

70%

#E1E2F9

80%

#F0F1FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #686FDF

#686FDF

#5E64C9

10%

#5359B2

20%

#494E9C

30%

#3E4386

40%

#343870

50%

#2A2C59

60%

#1F2143

70%

#15162D

80%

#0A0B16

90%

#000000

100%

Related Colors

Complementary Color

#DFD768

Opposite on color wheel

Split-Complementary Colors

#DF9B68, #ABDF68

Adjacent to complementary color

Analogous Colors

#68ABDF, #9B68DF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DF686F, #6FDF68

Three colors equally spaced (120° apart)

Tetradic Colors

#D768DF, #DFD768, #6FDF68

Rectangle on color wheel (90° apart)

Square Colors

#DF68AB, #DFD768, #68DF9B

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #BCBFF1, #2731B9, #151B65

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#686FDF

#68C9DF

#B968DF

#DFD768

#ABDF68

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

Triadic + Accent

#686FDF

#DF686F

#6FDF68

#E9ABED

#27B9AF

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

Monochromatic + Split Complementary

#686FDF

#C0C3F2

#232BA4

#DF9B68

#ABDF68

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

#686FDF

RGB Values

104, 111, 223

HSL Values

236°, 65%, 64%