color #5AAAB3 | Chroma Seek

#5AAAB3

Color Information

Hex Code

#5AAAB3

RGB

90, 170, 179

HSL

186°, 37%, 53%

CSS

#5AAAB3

Color Tints

Lighter variations of #5AAAB3

#5AAAB3

#6BB3BB

10%

#7BBBC2

20%

#8CC4CA

30%

#9CCCD1

40%

#ADD5D9

50%

#BDDDE1

60%

#CEE6E8

70%

#DEEEF0

80%

#EFF7F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #5AAAB3

#5AAAB3

#5199A1

10%

#48888F

20%

#3F777D

30%

#36666B

40%

#2D555A

50%

#244448

60%

#1B3336

70%

#122224

80%

#091112

90%

#000000

100%

Related Colors

Complementary Color

#B3645B

Opposite on color wheel

Split-Complementary Colors

#B35B7E, #B3905B

Adjacent to complementary color

Analogous Colors

#5BB390, #5B7EB3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B35BAB, #ABB35B

Three colors equally spaced (120° apart)

Tetradic Colors

#645BB3, #B3645B, #ABB35B

Rectangle on color wheel (90° apart)

Square Colors

#905BB3, #B3645B, #7EB35B

Four colors equally spaced (90° apart)

Monochromatic Variations

#E7F2F4, #A1CFD4, #356D73, #152B2D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5AAAB3

#5BB37A

#5B68B3

#B3645B

#B3905B

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

Triadic + Accent

#5AAAB3

#B35BAB

#ABB35B

#A6A1D4

#35733B

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

Monochromatic + Split Complementary

#5AAAB3

#B2D8DC

#2D5D62

#B35B7E

#B3905B

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

#5AAAB3

RGB Values

90, 170, 179

HSL Values

186°, 37%, 53%