color #5B978C | Chroma Seek

#5B978C

Color Information

Hex Code

#5B978C

RGB

91, 151, 140

HSL

169°, 25%, 47%

CSS

#5B978C

Color Tints

Lighter variations of #5B978C

#5B978C

#6BA198

10%

#7CACA3

20%

#8CB6AF

30%

#9DC1BA

40%

#ADCBC6

50%

#BDD5D1

60%

#CEE0DD

70%

#DEEAE8

80%

#EFF5F4

90%

#FFFFFF

100%

Color Shades

Darker variations of #5B978C

#5B978C

#52887E

10%

#497970

20%

#406A62

30%

#375B54

40%

#2E4C46

50%

#243C38

60%

#1B2D2A

70%

#121E1C

80%

#090F0E

90%

#000000

100%

Related Colors

Complementary Color

#965A65

Opposite on color wheel

Split-Complementary Colors

#965A83, #966D5A

Adjacent to complementary color

Analogous Colors

#5A966D, #5A8396

Adjacent colors on color wheel (30° apart)

Triadic Colors

#8B5A96, #968B5A

Three colors equally spaced (120° apart)

Tetradic Colors

#5A6596, #965A65, #968B5A

Rectangle on color wheel (90° apart)

Square Colors

#6D5A96, #965A65, #83965A

Four colors equally spaced (90° apart)

Monochromatic Variations

#D6E6E3, #96C0B8, #345650, #0D1615

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5B978C

#5A965E

#5A7496

#965A65

#966D5A

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

Triadic + Accent

#5B978C

#8B5A96

#968B5A

#969EC0

#3A5634

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

Monochromatic + Split Complementary

#5B978C

#A6C9C3

#2A4641

#965A83

#966D5A

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

#5B978C

RGB Values

91, 151, 140

HSL Values

169°, 25%, 47%