color #97AAE2 | Chroma Seek

#97AAE2

Color Information

Hex Code

#97AAE2

RGB

151, 170, 226

HSL

225°, 56%, 74%

CSS

#97AAE2

Color Tints

Lighter variations of #97AAE2

#97AAE2

#A1B3E5

10%

#ACBBE8

20%

#B6C4EB

30%

#C1CCEE

40%

#CBD5F1

50%

#D5DDF3

60%

#E0E6F6

70%

#EAEEF9

80%

#F5F7FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #97AAE2

#97AAE2

#8899CB

10%

#7988B5

20%

#6A779E

30%

#5B6688

40%

#4C5571

50%

#3C445A

60%

#2D3344

70%

#1E222D

80%

#0F1117

90%

#000000

100%

Related Colors

Complementary Color

#E2CF98

Opposite on color wheel

Split-Complementary Colors

#E2AA98, #CFE298

Adjacent to complementary color

Analogous Colors

#98CFE2, #AA98E2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E298AA, #AAE298

Three colors equally spaced (120° apart)

Tetradic Colors

#CF98E2, #E2CF98, #AAE298

Rectangle on color wheel (90° apart)

Square Colors

#E298CF, #E2CF98, #98E2AA

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E7EBF8, #4869CB, #263E87

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#97AAE2

#98E2E2

#BD98E2

#E2CF98

#CFE298

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

Triadic + Accent

#97AAE2

#E298AA

#AAE298

#DAAFE9

#48CBAB

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

Monochromatic + Split Complementary

#97AAE2

#C3CEEE

#375AC3

#E2AA98

#CFE298

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

#97AAE2

RGB Values

151, 170, 226

HSL Values

225°, 56%, 74%