color #684ECC | Chroma Seek

#684ECC

Color Information

Hex Code

#684ECC

RGB

104, 78, 204

HSL

252°, 55%, 55%

CSS

#684ECC

Color Tints

Lighter variations of #684ECC

#684ECC

#7760D1

10%

#8671D6

20%

#9583DB

30%

#A495E0

40%

#B4A7E6

50%

#C3B8EB

60%

#D2CAF0

70%

#E1DCF5

80%

#F0EDFA

90%

#FFFFFF

100%

Color Shades

Darker variations of #684ECC

#684ECC

#5E46B8

10%

#533EA3

20%

#49378F

30%

#3E2F7A

40%

#342766

50%

#2A1F52

60%

#1F173D

70%

#151029

80%

#0A0814

90%

#000000

100%

Related Colors

Complementary Color

#B2CB4D

Opposite on color wheel

Split-Complementary Colors

#CBA54D, #73CB4D

Adjacent to complementary color

Analogous Colors

#4D73CB, #A54DCB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CB664D, #4DCB66

Three colors equally spaced (120° apart)

Tetradic Colors

#CB4DB2, #B2CB4D, #4DCB66

Rectangle on color wheel (90° apart)

Square Colors

#CB4D73, #B2CB4D, #4DCBA5

Four colors equally spaced (90° apart)

Monochromatic Variations

#EEEBF9, #AA9CE2, #3C288A, #1A113B

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #684ECC. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#684ECC

#4D93CB

#C54DCB

#B2CB4D

#73CB4D

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

Triadic + Accent

#684ECC

#CB664D

#4DCB66

#E29CD4

#28778A

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

Monochromatic + Split Complementary

#684ECC

#BBB0E8

#332277

#CBA54D

#73CB4D

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

#684ECC

RGB Values

104, 78, 204

HSL Values

252°, 55%, 55%