color #9DD4B1 | Chroma Seek

#9DD4B1

Color Information

Hex Code

#9DD4B1

RGB

157, 212, 177

HSL

142°, 39%, 72%

CSS

#9DD4B1

Color Tints

Lighter variations of #9DD4B1

#9DD4B1

#A7D8B9

10%

#B1DDC1

20%

#BAE1C8

30%

#C4E5D0

40%

#CEEAD8

50%

#D8EEE0

60%

#E2F2E8

70%

#EBF6EF

80%

#F5FBF7

90%

#FFFFFF

100%

Color Shades

Darker variations of #9DD4B1

#9DD4B1

#8DBF9F

10%

#7EAA8E

20%

#6E947C

30%

#5E7F6A

40%

#4F6A59

50%

#3F5547

60%

#2F4035

70%

#1F2A23

80%

#101512

90%

#000000

100%

Related Colors

Complementary Color

#D39CBF

Opposite on color wheel

Split-Complementary Colors

#CC9CD3, #D39CA3

Adjacent to complementary color

Analogous Colors

#A3D39C, #9CD3CC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B09CD3, #D3B09C

Three colors equally spaced (120° apart)

Tetradic Colors

#9CBFD3, #D39CBF, #D3B09C

Rectangle on color wheel (90° apart)

Square Colors

#9CA3D3, #D39CBF, #D3CC9C

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E3F3E8, #55B478, #327149

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#9DD4B1

#B1D39C

#9CCDD3

#D39CBF

#D39CA3

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

Triadic + Accent

#9DD4B1

#B09CD3

#D3B09C

#B8D1E0

#91B455

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

Monochromatic + Split Complementary

#9DD4B1

#CAE8D5

#49A76B

#CC9CD3

#D39CA3

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

#9DD4B1

RGB Values

157, 212, 177

HSL Values

142°, 39%, 72%