color #9ABCA3 | Chroma Seek

#9ABCA3

Color Information

Hex Code

#9ABCA3

RGB

154, 188, 163

HSL

136°, 20%, 67%

CSS

#9ABCA3

Color Tints

Lighter variations of #9ABCA3

#9ABCA3

#A4C3AC

10%

#AEC9B5

20%

#B8D0BF

30%

#C2D7C8

40%

#CDDED1

50%

#D7E4DA

60%

#E1EBE3

70%

#EBF2ED

80%

#F5F8F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #9ABCA3

#9ABCA3

#8BA993

10%

#7B9682

20%

#6C8472

30%

#5C7162

40%

#4D5E52

50%

#3E4B41

60%

#2E3831

70%

#1F2621

80%

#0F1310

90%

#000000

100%

Related Colors

Complementary Color

#BC9AB3

Opposite on color wheel

Split-Complementary Colors

#B49ABC, #BC9AA2

Adjacent to complementary color

Analogous Colors

#A2BC9A, #9ABCB4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A39ABC, #BCA39A

Three colors equally spaced (120° apart)

Tetradic Colors

#9AB3BC, #BC9AB3, #BCA39A

Rectangle on color wheel (90° apart)

Square Colors

#9AA2BC, #BC9AB3, #BCB49A

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #D7E4DB, #60906D, #37533E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#9ABCA3

#AABC9A

#9ABBBC

#BC9AB3

#BC9AA2

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

Triadic + Accent

#9ABCA3

#A39ABC

#BCA39A

#C2D1D6

#839060

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

Monochromatic + Split Complementary

#9ABCA3

#D1E0D5

#568161

#B49ABC

#BC9AA2

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

#9ABCA3

RGB Values

154, 188, 163

HSL Values

136°, 20%, 67%