color #5AAFA1 | Chroma Seek

#5AAFA1

Color Information

Hex Code

#5AAFA1

RGB

90, 175, 161

HSL

170°, 35%, 52%

CSS

#5AAFA1

Color Tints

Lighter variations of #5AAFA1

#5AAFA1

#6BB7AA

10%

#7BBFB4

20%

#8CC7BD

30%

#9CCFC7

40%

#ADD7D0

50%

#BDDFD9

60%

#CEE7E3

70%

#DEEFEC

80%

#EFF7F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #5AAFA1

#5AAFA1

#519E91

10%

#488C81

20%

#3F7A71

30%

#366961

40%

#2D5851

50%

#244640

60%

#1B3530

70%

#122320

80%

#091210

90%

#000000

100%

Related Colors

Complementary Color

#AF5A68

Opposite on color wheel

Split-Complementary Colors

#AF5A93, #AF765A

Adjacent to complementary color

Analogous Colors

#5AAF76, #5A93AF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A15AAF, #AFA15A

Three colors equally spaced (120° apart)

Tetradic Colors

#5A68AF, #AF5A68, #AFA15A

Rectangle on color wheel (90° apart)

Square Colors

#765AAF, #AF5A68, #93AF5A

Four colors equally spaced (90° apart)

Monochromatic Variations

#E3F2EF, #9FD1C8, #356E65, #142926

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5AAFA1

#5AAF61

#5A7DAF

#AF5A68

#AF765A

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

Triadic + Accent

#5AAFA1

#A15AAF

#AFA15A

#9FA7D1

#3F6E35

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

Monochromatic + Split Complementary

#5AAFA1

#B0D9D2

#2D5D55

#AF5A93

#AF765A

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

#5AAFA1

RGB Values

90, 175, 161

HSL Values

170°, 35%, 52%