color #9AA8E1 | Chroma Seek

#9AA8E1

Color Information

Hex Code

#9AA8E1

RGB

154, 168, 225

HSL

228°, 54%, 74%

CSS

#9AA8E1

Color Tints

Lighter variations of #9AA8E1

#9AA8E1

#A4B1E4

10%

#AEB9E7

20%

#B8C2EA

30%

#C2CBED

40%

#CDD4F0

50%

#D7DCF3

60%

#E1E5F6

70%

#EBEEF9

80%

#F5F6FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #9AA8E1

#9AA8E1

#8B97CB

10%

#7B86B4

20%

#6C769E

30%

#5C6587

40%

#4D5471

50%

#3E435A

60%

#2E3244

70%

#1F222D

80%

#0F1117

90%

#000000

100%

Related Colors

Complementary Color

#E1D299

Opposite on color wheel

Split-Complementary Colors

#E1AE99, #CBE199

Adjacent to complementary color

Analogous Colors

#99CBE1, #AE99E1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E199A7, #A7E199

Three colors equally spaced (120° apart)

Tetradic Colors

#D299E1, #E1D299, #A7E199

Rectangle on color wheel (90° apart)

Square Colors

#E199CB, #E1D299, #99E1AE

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E7EBF8, #4A64C9, #283B86

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#9AA8E1

#99DDE1

#C099E1

#E1D299

#CBE199

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

Triadic + Accent

#9AA8E1

#E199A7

#A7E199

#DDB0E8

#4AC9B0

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

Monochromatic + Split Complementary

#9AA8E1

#C4CCED

#3954C0

#E1AE99

#CBE199

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

#9AA8E1

RGB Values

154, 168, 225

HSL Values

228°, 54%, 74%