color #5AAE9D | Chroma Seek

#5AAE9D

Color Information

Hex Code

#5AAE9D

RGB

90, 174, 157

HSL

168°, 34%, 52%

CSS

#5AAE9D

Color Tints

Lighter variations of #5AAE9D

#5AAE9D

#6BB6A7

10%

#7BBEB1

20%

#8CC6BA

30%

#9CCEC4

40%

#ADD7CE

50%

#BDDFD8

60%

#CEE7E2

70%

#DEEFEB

80%

#EFF7F5

90%

#FFFFFF

100%

Color Shades

Darker variations of #5AAE9D

#5AAE9D

#519D8D

10%

#488B7E

20%

#3F7A6E

30%

#36685E

40%

#2D574F

50%

#24463F

60%

#1B342F

70%

#12231F

80%

#091110

90%

#000000

100%

Related Colors

Complementary Color

#AE5B6C

Opposite on color wheel

Split-Complementary Colors

#AE5B95, #AE745B

Adjacent to complementary color

Analogous Colors

#5BAE74, #5B95AE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9E5BAE, #AE9E5B

Three colors equally spaced (120° apart)

Tetradic Colors

#5B6CAE, #AE5B6C, #AE9E5B

Rectangle on color wheel (90° apart)

Square Colors

#745BAE, #AE5B6C, #95AE5B

Four colors equally spaced (90° apart)

Monochromatic Variations

#E4F2EF, #9FD0C6, #366D62, #142925

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5AAE9D

#5BAE5F

#5B80AE

#AE5B6C

#AE745B

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

Triadic + Accent

#5AAE9D

#9E5BAE

#AE9E5B

#9FA9D0

#416D36

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

Monochromatic + Split Complementary

#5AAE9D

#B0D8D0

#2D5C53

#AE5B95

#AE745B

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

#5AAE9D

RGB Values

90, 174, 157

HSL Values

168°, 34%, 52%