color #696680 | Chroma Seek

#696680

Color Information

Hex Code

#696680

RGB

105, 102, 128

HSL

247°, 11%, 45%

CSS

#696680

Color Tints

Lighter variations of #696680

#696680

#78758D

10%

#878599

20%

#9694A6

30%

#A5A3B3

40%

#B4B3C0

50%

#C3C2CC

60%

#D2D1D9

70%

#E1E0E6

80%

#F0F0F2

90%

#FFFFFF

100%

Color Shades

Darker variations of #696680

#696680

#5F5C73

10%

#545266

20%

#4A475A

30%

#3F3D4D

40%

#353340

50%

#2A2933

60%

#201F26

70%

#15141A

80%

#0B0A0D

90%

#000000

100%

Related Colors

Complementary Color

#7C7F66

Opposite on color wheel

Split-Complementary Colors

#7F7666, #707F66

Adjacent to complementary color

Analogous Colors

#66707F, #76667F

Adjacent colors on color wheel (30° apart)

Triadic Colors

#7F6966, #667F69

Three colors equally spaced (120° apart)

Tetradic Colors

#7F667C, #7C7F66, #667F69

Rectangle on color wheel (90° apart)

Square Colors

#7F6670, #7C7F66, #667F76

Four colors equally spaced (90° apart)

Monochromatic Variations

#D6D5DD, #9E9CB0, #3A3947, #0C0B0E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#696680

#66767F

#7C667F

#7C7F66

#707F66

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

Triadic + Accent

#696680

#7F6966

#667F69

#B09CAD

#394547

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

Monochromatic + Split Complementary

#696680

#ACAABB

#2F2D39

#7F7666

#707F66

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

#696680

RGB Values

105, 102, 128

HSL Values

247°, 11%, 45%