color #696A86 | Chroma Seek

#696A86

Color Information

Hex Code

#696A86

RGB

105, 106, 134

HSL

238°, 12%, 47%

CSS

#696A86

Color Tints

Lighter variations of #696A86

#696A86

#787992

10%

#87889E

20%

#9697AA

30%

#A5A6B6

40%

#B4B5C3

50%

#C3C3CF

60%

#D2D2DB

70%

#E1E1E7

80%

#F0F0F3

90%

#FFFFFF

100%

Color Shades

Darker variations of #696A86

#696A86

#5F5F79

10%

#54556B

20%

#4A4A5E

30%

#3F4050

40%

#353543

50%

#2A2A36

60%

#202028

70%

#15151B

80%

#0B0B0D

90%

#000000

100%

Related Colors

Complementary Color

#868569

Opposite on color wheel

Split-Complementary Colors

#867769, #798669

Adjacent to complementary color

Analogous Colors

#697986, #776986

Adjacent colors on color wheel (30° apart)

Triadic Colors

#86696A, #6A8669

Three colors equally spaced (120° apart)

Tetradic Colors

#856986, #868569, #6A8669

Rectangle on color wheel (90° apart)

Square Colors

#866979, #868569, #698677

Four colors equally spaced (90° apart)

Monochromatic Variations

#DADAE2, #A1A1B5, #3D3D4D, #101014

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#696A86

#698086

#7E6986

#868569

#798669

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

Triadic + Accent

#696A86

#86696A

#6A8669

#B4A1B5

#3D4D4D

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

Monochromatic + Split Complementary

#696A86

#AFB0C0

#31323F

#867769

#798669

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

#696A86

RGB Values

105, 106, 134

HSL Values

238°, 12%, 47%