color #9ABC9C | Chroma Seek

#9ABC9C

Color Information

Hex Code

#9ABC9C

RGB

154, 188, 156

HSL

124°, 20%, 67%

CSS

#9ABC9C

Color Tints

Lighter variations of #9ABC9C

#9ABC9C

#A4C3A6

10%

#AEC9B0

20%

#B8D0BA

30%

#C2D7C4

40%

#CDDECE

50%

#D7E4D7

60%

#E1EBE1

70%

#EBF2EB

80%

#F5F8F5

90%

#FFFFFF

100%

Color Shades

Darker variations of #9ABC9C

#9ABC9C

#8BA98C

10%

#7B967D

20%

#6C846D

30%

#5C715E

40%

#4D5E4E

50%

#3E4B3E

60%

#2E382F

70%

#1F261F

80%

#0F1310

90%

#000000

100%

Related Colors

Complementary Color

#BC9AB9

Opposite on color wheel

Split-Complementary Colors

#AD9ABC, #BC9AA9

Adjacent to complementary color

Analogous Colors

#A9BC9A, #9ABCAD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9C9ABC, #BC9C9A

Three colors equally spaced (120° apart)

Tetradic Colors

#9AB9BC, #BC9AB9, #BC9C9A

Rectangle on color wheel (90° apart)

Square Colors

#9AA9BC, #BC9AB9, #BCAD9A

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #D7E4D8, #609063, #375339

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#9ABC9C

#B1BC9A

#9ABCB6

#BC9AB9

#BC9AA9

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

Triadic + Accent

#9ABC9C

#9C9ABC

#BC9C9A

#C2D5D6

#8D9060

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

Monochromatic + Split Complementary

#9ABC9C

#D1E0D2

#568159

#AD9ABC

#BC9AA9

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

#9ABC9C

RGB Values

154, 188, 156

HSL Values

124°, 20%, 67%