color #9CAAD5 | Chroma Seek

#9CAAD5

Color Information

Hex Code

#9CAAD5

RGB

156, 170, 213

HSL

225°, 40%, 72%

CSS

#9CAAD5

Color Tints

Lighter variations of #9CAAD5

#9CAAD5

#A6B3D9

10%

#B0BBDD

20%

#BAC4E2

30%

#C4CCE6

40%

#CED5EA

50%

#D7DDEE

60%

#E1E6F2

70%

#EBEEF7

80%

#F5F7FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #9CAAD5

#9CAAD5

#8C99C0

10%

#7D88AA

20%

#6D7795

30%

#5E6680

40%

#4E556B

50%

#3E4455

60%

#2F3340

70%

#1F222B

80%

#101115

90%

#000000

100%

Related Colors

Complementary Color

#D4C69B

Opposite on color wheel

Split-Complementary Colors

#D4A99B, #C6D49B

Adjacent to complementary color

Analogous Colors

#9BC6D4, #A99BD4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D49BA9, #A9D49B

Three colors equally spaced (120° apart)

Tetradic Colors

#C69BD4, #D4C69B, #A9D49B

Rectangle on color wheel (90° apart)

Square Colors

#D49BC6, #D4C69B, #9BD4A9

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E2E7F3, #546CB6, #314172

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#9CAAD5

#9BD4D4

#B89BD4

#D4C69B

#C6D49B

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

Triadic + Accent

#9CAAD5

#D49BA9

#A9D49B

#D6B8E0

#54B69D

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

Monochromatic + Split Complementary

#9CAAD5

#C9D1E8

#4860A8

#D4A99B

#C6D49B

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

#9CAAD5

RGB Values

156, 170, 213

HSL Values

225°, 40%, 72%