color #97A3D5 | Chroma Seek

#97A3D5

Color Information

Hex Code

#97A3D5

RGB

151, 163, 213

HSL

228°, 42%, 71%

CSS

#97A3D5

Color Tints

Lighter variations of #97A3D5

#97A3D5

#A1ACD9

10%

#ACB5DD

20%

#B6BFE2

30%

#C1C8E6

40%

#CBD1EA

50%

#D5DAEE

60%

#E0E3F2

70%

#EAEDF7

80%

#F5F6FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #97A3D5

#97A3D5

#8893C0

10%

#7982AA

20%

#6A7295

30%

#5B6280

40%

#4C526B

50%

#3C4155

60%

#2D3140

70%

#1E212B

80%

#0F1015

90%

#000000

100%

Related Colors

Complementary Color

#D4C896

Opposite on color wheel

Split-Complementary Colors

#D4A996, #C1D496

Adjacent to complementary color

Analogous Colors

#96C1D4, #A996D4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D496A2, #A2D496

Three colors equally spaced (120° apart)

Tetradic Colors

#C896D4, #D4C896, #A2D496

Rectangle on color wheel (90° apart)

Square Colors

#D496C1, #D4C896, #96D4A9

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #DEE2F2, #4E63B7, #2E3B70

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#97A3D5

#96D1D4

#B896D4

#D4C896

#C1D496

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

Triadic + Accent

#97A3D5

#D496A2

#A2D496

#D9B7E1

#4EB7A2

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

Monochromatic + Split Complementary

#97A3D5

#C9CFE9

#4458A7

#D4A996

#C1D496

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

#97A3D5

RGB Values

151, 163, 213

HSL Values

228°, 42%, 71%