color #9AB5A3 | Chroma Seek

#9AB5A3

Color Information

Hex Code

#9AB5A3

RGB

154, 181, 163

HSL

140°, 15%, 66%

CSS

#9AB5A3

Color Tints

Lighter variations of #9AB5A3

#9AB5A3

#A4BCAC

10%

#AEC4B5

20%

#B8CBBF

30%

#C2D3C8

40%

#CDDAD1

50%

#D7E1DA

60%

#E1E9E3

70%

#EBF0ED

80%

#F5F8F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #9AB5A3

#9AB5A3

#8BA393

10%

#7B9182

20%

#6C7F72

30%

#5C6D62

40%

#4D5B52

50%

#3E4841

60%

#2E3631

70%

#1F2421

80%

#0F1210

90%

#000000

100%

Related Colors

Complementary Color

#B59BAD

Opposite on color wheel

Split-Complementary Colors

#B19BB5, #B59BA0

Adjacent to complementary color

Analogous Colors

#A0B59B, #9BB5B1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A49BB5, #B5A49B

Three colors equally spaced (120° apart)

Tetradic Colors

#9BADB5, #B59BAD, #B5A49B

Rectangle on color wheel (90° apart)

Square Colors

#9BA0B5, #B59BAD, #B5B19B

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #D6E1DA, #64876F, #384C3F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#9AB5A3

#A6B59B

#9BB3B5

#B59BAD

#B59BA0

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

Triadic + Accent

#9AB5A3

#A49BB5

#B5A49B

#C4CFD4

#7B8764

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

Monochromatic + Split Complementary

#9AB5A3

#D3DED7

#597863

#B19BB5

#B59BA0

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

#9AB5A3

RGB Values

154, 181, 163

HSL Values

140°, 15%, 66%