color #5AB9CC | Chroma Seek

#5AB9CC

Color Information

Hex Code

#5AB9CC

RGB

90, 185, 204

HSL

190°, 53%, 58%

CSS

#5AB9CC

Color Tints

Lighter variations of #5AB9CC

#5AB9CC

#6BC0D1

10%

#7BC7D6

20%

#8CCEDB

30%

#9CD5E0

40%

#ADDCE6

50%

#BDE3EB

60%

#CEEAF0

70%

#DEF1F5

80%

#EFF8FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #5AB9CC

#5AB9CC

#51A7B8

10%

#4894A3

20%

#3F828F

30%

#366F7A

40%

#2D5D66

50%

#244A52

60%

#1B383D

70%

#122529

80%

#091314

90%

#000000

100%

Related Colors

Complementary Color

#CD6E5B

Opposite on color wheel

Split-Complementary Colors

#CD5B81, #CDA75B

Adjacent to complementary color

Analogous Colors

#5BCDA7, #5B81CD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CD5BBA, #BACD5B

Three colors equally spaced (120° apart)

Tetradic Colors

#6E5BCD, #CD6E5B, #BACD5B

Rectangle on color wheel (90° apart)

Square Colors

#A75BCD, #CD6E5B, #81CD5B

Four colors equally spaced (90° apart)

Monochromatic Variations

#F7FCFD, #A9DBE5, #2E8394, #163E46

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5AB9CC

#5BCD8A

#5B65CD

#CD6E5B

#CDA75B

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

Triadic + Accent

#5AB9CC

#CD5BBA

#BACD5B

#B3A9E5

#2E943F

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

Monochromatic + Split Complementary

#5AB9CC

#BDE3EB

#287281

#CD5B81

#CDA75B

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

#5AB9CC

RGB Values

90, 185, 204

HSL Values

190°, 53%, 58%