color #9CA3DD | Chroma Seek

#9CA3DD

Color Information

Hex Code

#9CA3DD

RGB

156, 163, 221

HSL

234°, 49%, 74%

CSS

#9CA3DD

Color Tints

Lighter variations of #9CA3DD

#9CA3DD

#A6ACE0

10%

#B0B5E4

20%

#BABFE7

30%

#C4C8EB

40%

#CED1EE

50%

#D7DAF1

60%

#E1E3F5

70%

#EBEDF8

80%

#F5F6FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #9CA3DD

#9CA3DD

#8C93C7

10%

#7D82B1

20%

#6D729B

30%

#5E6285

40%

#4E526F

50%

#3E4158

60%

#2F3142

70%

#1F212C

80%

#101016

90%

#000000

100%

Related Colors

Complementary Color

#DDD79C

Opposite on color wheel

Split-Complementary Colors

#DDB69C, #C3DD9C

Adjacent to complementary color

Analogous Colors

#9CC3DD, #B69CDD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DD9CA3, #A3DD9C

Three colors equally spaced (120° apart)

Tetradic Colors

#D79CDD, #DDD79C, #A3DD9C

Rectangle on color wheel (90° apart)

Square Colors

#DD9CC3, #DDD79C, #9CDDB6

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E8EAF7, #505CC3, #2C3581

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#9CA3DD

#9CD3DD

#C69CDD

#DDD79C

#C3DD9C

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

Triadic + Accent

#9CA3DD

#DD9CA3

#A3DD9C

#E0B3E5

#50C3B8

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

Monochromatic + Split Complementary

#9CA3DD

#C6CAEB

#404CBA

#DDB69C

#C3DD9C

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

#9CA3DD

RGB Values

156, 163, 221

HSL Values

234°, 49%, 74%