color #5B9CCC | Chroma Seek

#5B9CCC

Color Information

Hex Code

#5B9CCC

RGB

91, 156, 204

HSL

205°, 53%, 58%

CSS

#5B9CCC

Color Tints

Lighter variations of #5B9CCC

#5B9CCC

#6BA6D1

10%

#7CB0D6

20%

#8CBADB

30%

#9DC4E0

40%

#ADCEE6

50%

#BDD7EB

60%

#CEE1F0

70%

#DEEBF5

80%

#EFF5FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #5B9CCC

#5B9CCC

#528CB8

10%

#497DA3

20%

#406D8F

30%

#375E7A

40%

#2E4E66

50%

#243E52

60%

#1B2F3D

70%

#121F29

80%

#091014

90%

#000000

100%

Related Colors

Complementary Color

#CD8A5B

Opposite on color wheel

Split-Complementary Colors

#CD5B65, #CDC35B

Adjacent to complementary color

Analogous Colors

#5BCDC3, #5B65CD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CD5B9D, #9DCD5B

Three colors equally spaced (120° apart)

Tetradic Colors

#8A5BCD, #CD8A5B, #9DCD5B

Rectangle on color wheel (90° apart)

Square Colors

#C35BCD, #CD8A5B, #65CD5B

Four colors equally spaced (90° apart)

Monochromatic Variations

#F7FAFD, #A9CCE5, #2E6994, #163246

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5B9CCC

#5BCDA7

#6E5BCD

#CD8A5B

#CDC35B

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

Triadic + Accent

#5B9CCC

#CD5B9D

#9DCD5B

#C2A9E5

#2E9458

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

Monochromatic + Split Complementary

#5B9CCC

#BDD7EB

#285C81

#CD5B65

#CDC35B

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

#5B9CCC

RGB Values

91, 156, 204

HSL Values

205°, 53%, 58%