color #5B9AC5 | Chroma Seek

#5B9AC5

Color Information

Hex Code

#5B9AC5

RGB

91, 154, 197

HSL

204°, 48%, 56%

CSS

#5B9AC5

Color Tints

Lighter variations of #5B9AC5

#5B9AC5

#6BA4CB

10%

#7CAED1

20%

#8CB8D6

30%

#9DC2DC

40%

#ADCDE2

50%

#BDD7E8

60%

#CEE1EE

70%

#DEEBF3

80%

#EFF5F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #5B9AC5

#5B9AC5

#528BB1

10%

#497B9E

20%

#406C8A

30%

#375C76

40%

#2E4D63

50%

#243E4F

60%

#1B2E3B

70%

#121F27

80%

#090F14

90%

#000000

100%

Related Colors

Complementary Color

#C58459

Opposite on color wheel

Split-Complementary Colors

#C55964, #C5BA59

Adjacent to complementary color

Analogous Colors

#59C5BA, #5964C5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C5599A, #9AC559

Three colors equally spaced (120° apart)

Tetradic Colors

#8459C5, #C58459, #9AC559

Rectangle on color wheel (90° apart)

Square Colors

#BA59C5, #C58459, #64C559

Four colors equally spaced (90° apart)

Monochromatic Variations

#F0F6FA, #A4C8DF, #306588, #152D3C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5B9AC5

#59C59F

#6959C5

#C58459

#C5BA59

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

Triadic + Accent

#5B9AC5

#C5599A

#9AC559

#BCA4DF

#308853

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

Monochromatic + Split Complementary

#5B9AC5

#B7D3E6

#295775

#C55964

#C5BA59

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

#5B9AC5

RGB Values

91, 154, 197

HSL Values

204°, 48%, 56%