color #5B97C8 | Chroma Seek

#5B97C8

Color Information

Hex Code

#5B97C8

RGB

91, 151, 200

HSL

207°, 50%, 57%

CSS

#5B97C8

Color Tints

Lighter variations of #5B97C8

#5B97C8

#6BA1CE

10%

#7CACD3

20%

#8CB6D9

30%

#9DC1DE

40%

#ADCBE4

50%

#BDD5E9

60%

#CEE0EF

70%

#DEEAF4

80%

#EFF5FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #5B97C8

#5B97C8

#5288B4

10%

#4979A0

20%

#406A8C

30%

#375B78

40%

#2E4C64

50%

#243C50

60%

#1B2D3C

70%

#121E28

80%

#090F14

90%

#000000

100%

Related Colors

Complementary Color

#C88C5B

Opposite on color wheel

Split-Complementary Colors

#C85B60, #C8C35B

Adjacent to complementary color

Analogous Colors

#5BC8C3, #5B60C8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C85B97, #97C85B

Three colors equally spaced (120° apart)

Tetradic Colors

#8C5BC8, #C88C5B, #97C85B

Rectangle on color wheel (90° apart)

Square Colors

#C35BC8, #C88C5B, #60C85B

Four colors equally spaced (90° apart)

Monochromatic Variations

#F4F8FB, #A7C7E2, #2F638E, #162E41

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5B97C8

#5BC8A7

#705BC8

#C88C5B

#C8C35B

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

Triadic + Accent

#5B97C8

#C85B97

#97C85B

#C1A7E2

#2F8E5A

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

Monochromatic + Split Complementary

#5B97C8

#BAD3E8

#29567A

#C85B60

#C8C35B

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

#5B97C8

RGB Values

91, 151, 200

HSL Values

207°, 50%, 57%