color #9CAA96 | Chroma Seek

#9CAA96

Color Information

Hex Code

#9CAA96

RGB

156, 170, 150

HSL

102°, 11%, 63%

CSS

#9CAA96

Color Tints

Lighter variations of #9CAA96

#9CAA96

#A6B3A1

10%

#B0BBAB

20%

#BAC4B6

30%

#C4CCC0

40%

#CED5CB

50%

#D7DDD5

60%

#E1E6E0

70%

#EBEEEA

80%

#F5F7F5

90%

#FFFFFF

100%

Color Shades

Darker variations of #9CAA96

#9CAA96

#8C9987

10%

#7D8878

20%

#6D7769

30%

#5E665A

40%

#4E554B

50%

#3E443C

60%

#2F332D

70%

#1F221E

80%

#10110F

90%

#000000

100%

Related Colors

Complementary Color

#A596AB

Opposite on color wheel

Split-Complementary Colors

#9A96AB, #AB96A7

Adjacent to complementary color

Analogous Colors

#A7AB96, #96AB9A

Adjacent colors on color wheel (30° apart)

Triadic Colors

#969CAB, #AB969C

Three colors equally spaced (120° apart)

Tetradic Colors

#96ABA5, #A596AB, #AB969C

Rectangle on color wheel (90° apart)

Square Colors

#96A7AB, #A596AB, #AB9A96

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #D2D8CF, #697A62, #384134

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#9CAA96

#ABAA96

#96ABA0

#A596AB

#AB96A7

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

Triadic + Accent

#9CAA96

#969CAB

#AB969C

#C6D2CE

#7A7262

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

Monochromatic + Split Complementary

#9CAA96

#D7DDD5

#5D6C56

#9A96AB

#AB96A7

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

#9CAA96

RGB Values

156, 170, 150

HSL Values

102°, 11%, 63%