color #5AA7B3 | Chroma Seek

#5AA7B3

Color Information

Hex Code

#5AA7B3

RGB

90, 167, 179

HSL

188°, 37%, 53%

CSS

#5AA7B3

Color Tints

Lighter variations of #5AA7B3

#5AA7B3

#6BB0BB

10%

#7BB9C2

20%

#8CC1CA

30%

#9CCAD1

40%

#ADD3D9

50%

#BDDCE1

60%

#CEE5E8

70%

#DEEDF0

80%

#EFF6F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #5AA7B3

#5AA7B3

#5196A1

10%

#48868F

20%

#3F757D

30%

#36646B

40%

#2D545A

50%

#244348

60%

#1B3236

70%

#122124

80%

#091112

90%

#000000

100%

Related Colors

Complementary Color

#B3675B

Opposite on color wheel

Split-Complementary Colors

#B35B7B, #B3935B

Adjacent to complementary color

Analogous Colors

#5BB393, #5B7BB3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B35BA8, #A8B35B

Three colors equally spaced (120° apart)

Tetradic Colors

#675BB3, #B3675B, #A8B35B

Rectangle on color wheel (90° apart)

Square Colors

#935BB3, #B3675B, #7BB35B

Four colors equally spaced (90° apart)

Monochromatic Variations

#E7F2F4, #A1CDD4, #356B73, #152A2D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5AA7B3

#5BB37D

#5B65B3

#B3675B

#B3935B

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

Triadic + Accent

#5AA7B3

#B35BA8

#A8B35B

#A7A1D4

#35733D

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

Monochromatic + Split Complementary

#5AA7B3

#B2D6DC

#2D5B62

#B35B7B

#B3935B

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

#5AA7B3

RGB Values

90, 167, 179

HSL Values

188°, 37%, 53%