color #7697AD | Chroma Seek

#7697AD

Color Information

Hex Code

#7697AD

RGB

118, 151, 173

HSL

204°, 25%, 57%

CSS

#7697AD

Color Tints

Lighter variations of #7697AD

#7697AD

#84A1B5

10%

#91ACBD

20%

#9FB6C6

30%

#ADC1CE

40%

#BBCBD6

50%

#C8D5DE

60%

#D6E0E6

70%

#E4EAEF

80%

#F1F5F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #7697AD

#7697AD

#6A889C

10%

#5E798A

20%

#536A79

30%

#475B68

40%

#3B4C57

50%

#2F3C45

60%

#232D34

70%

#181E23

80%

#0C0F11

90%

#000000

100%

Related Colors

Complementary Color

#AD8C76

Opposite on color wheel

Split-Complementary Colors

#AD767B, #ADA776

Adjacent to complementary color

Analogous Colors

#76ADA7, #767BAD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AD7697, #97AD76

Three colors equally spaced (120° apart)

Tetradic Colors

#8C76AD, #AD8C76, #97AD76

Rectangle on color wheel (90° apart)

Square Colors

#A776AD, #AD8C76, #7BAD76

Four colors equally spaced (90° apart)

Monochromatic Variations

#F5F8F9, #B6C7D3, #476376, #212E36

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#7697AD

#76AD9A

#7E76AD

#AD8C76

#ADA776

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

Triadic + Accent

#7697AD

#AD7697

#97AD76

#C1B6D3

#47765A

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

Monochromatic + Split Complementary

#7697AD

#C6D3DD

#3D5666

#AD767B

#ADA776

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

#7697AD

RGB Values

118, 151, 173

HSL Values

204°, 25%, 57%