color #5CAAC2 | Chroma Seek

#5CAAC2

Color Information

Hex Code

#5CAAC2

RGB

92, 170, 194

HSL

194°, 46%, 56%

CSS

#5CAAC2

Color Tints

Lighter variations of #5CAAC2

#5CAAC2

#6CB3C8

10%

#7DBBCE

20%

#8DC4D4

30%

#9DCCDA

40%

#AED5E1

50%

#BEDDE7

60%

#CEE6ED

70%

#DEEEF3

80%

#EFF7F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #5CAAC2

#5CAAC2

#5399AF

10%

#4A889B

20%

#407788

30%

#376674

40%

#2E5561

50%

#25444E

60%

#1C333A

70%

#122227

80%

#091113

90%

#000000

100%

Related Colors

Complementary Color

#C2735B

Opposite on color wheel

Split-Complementary Colors

#C25B77, #C2A75B

Adjacent to complementary color

Analogous Colors

#5BC2A7, #5B77C2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C25BAA, #AAC25B

Three colors equally spaced (120° apart)

Tetradic Colors

#735BC2, #C2735B, #AAC25B

Rectangle on color wheel (90° apart)

Square Colors

#A75BC2, #C2735B, #77C25B

Four colors equally spaced (90° apart)

Monochromatic Variations

#F0F7F9, #A6D1DE, #327286, #16333C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5CAAC2

#5BC28D

#5B5DC2

#C2735B

#C2A75B

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

Triadic + Accent

#5CAAC2

#C25BAA

#AAC25B

#B3A6DE

#328645

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

Monochromatic + Split Complementary

#5CAAC2

#B8DAE5

#2B6273

#C25B77

#C2A75B

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

#5CAAC2

RGB Values

92, 170, 194

HSL Values

194°, 46%, 56%