color #9DBA9D | Chroma Seek

#9DBA9D

Color Information

Hex Code

#9DBA9D

RGB

157, 186, 157

HSL

120°, 17%, 67%

CSS

#9DBA9D

Color Tints

Lighter variations of #9DBA9D

#9DBA9D

#A7C1A7

10%

#B1C8B1

20%

#BACFBA

30%

#C4D6C4

40%

#CEDDCE

50%

#D8E3D8

60%

#E2EAE2

70%

#EBF1EB

80%

#F5F8F5

90%

#FFFFFF

100%

Color Shades

Darker variations of #9DBA9D

#9DBA9D

#8DA78D

10%

#7E957E

20%

#6E826E

30%

#5E705E

40%

#4F5D4F

50%

#3F4A3F

60%

#2F382F

70%

#1F251F

80%

#101310

90%

#000000

100%

Related Colors

Complementary Color

#B99DB9

Opposite on color wheel

Split-Complementary Colors

#AB9DB9, #B99DAB

Adjacent to complementary color

Analogous Colors

#ABB99D, #9DB9AB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9D9DB9, #B99D9D

Three colors equally spaced (120° apart)

Tetradic Colors

#9DB9B9, #B99DB9, #B99D9D

Rectangle on color wheel (90° apart)

Square Colors

#9DABB9, #B99DB9, #B9AB9D

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #D8E3D8, #638C63, #395139

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#9DBA9D

#B2B99D

#9DB9B2

#B99DB9

#B99DAB

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

Triadic + Accent

#9DBA9D

#9D9DB9

#B99D9D

#C3D5D5

#8C8C63

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

Monochromatic + Split Complementary

#9DBA9D

#D2DFD2

#597D59

#AB9DB9

#B99DAB

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

#9DBA9D

RGB Values

157, 186, 157

HSL Values

120°, 17%, 67%