color #686DCB | Chroma Seek

#686DCB

Color Information

Hex Code

#686DCB

RGB

104, 109, 203

HSL

237°, 49%, 60%

CSS

#686DCB

Color Tints

Lighter variations of #686DCB

#686DCB

#777CD0

10%

#868AD5

20%

#9599DB

30%

#A4A7E0

40%

#B4B6E5

50%

#C3C5EA

60%

#D2D3EF

70%

#E1E2F5

80%

#F0F0FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #686DCB

#686DCB

#5E62B7

10%

#5357A2

20%

#494C8E

30%

#3E417A

40%

#343766

50%

#2A2C51

60%

#1F213D

70%

#151629

80%

#0A0B14

90%

#000000

100%

Related Colors

Complementary Color

#CBC667

Opposite on color wheel

Split-Complementary Colors

#CB9467, #9ECB67

Adjacent to complementary color

Analogous Colors

#679ECB, #9467CB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CB676C, #6CCB67

Three colors equally spaced (120° apart)

Tetradic Colors

#C667CB, #CBC667, #6CCB67

Rectangle on color wheel (90° apart)

Square Colors

#CB679E, #CBC667, #67CB94

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B3B6E5, #343998, #1A1D4C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#686DCB

#67B7CB

#AD67CB

#CBC667

#9ECB67

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

Triadic + Accent

#686DCB

#CB676C

#6CCB67

#E2B3E5

#349893

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

Monochromatic + Split Complementary

#686DCB

#C6C8EB

#2E3285

#CB9467

#9ECB67

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

#686DCB

RGB Values

104, 109, 203

HSL Values

237°, 49%, 60%