color #5B86C5 | Chroma Seek

#5B86C5

Color Information

Hex Code

#5B86C5

RGB

91, 134, 197

HSL

216°, 48%, 56%

CSS

#5B86C5

Color Tints

Lighter variations of #5B86C5

#5B86C5

#6B92CB

10%

#7C9ED1

20%

#8CAAD6

30%

#9DB6DC

40%

#ADC3E2

50%

#BDCFE8

60%

#CEDBEE

70%

#DEE7F3

80%

#EFF3F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #5B86C5

#5B86C5

#5279B1

10%

#496B9E

20%

#405E8A

30%

#375076

40%

#2E4363

50%

#24364F

60%

#1B283B

70%

#121B27

80%

#090D14

90%

#000000

100%

Related Colors

Complementary Color

#C59A59

Opposite on color wheel

Split-Complementary Colors

#C56459, #BAC559

Adjacent to complementary color

Analogous Colors

#59BAC5, #6459C5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C55984, #84C559

Three colors equally spaced (120° apart)

Tetradic Colors

#9A59C5, #C59A59, #84C559

Rectangle on color wheel (90° apart)

Square Colors

#C559BA, #C59A59, #59C564

Four colors equally spaced (90° apart)

Monochromatic Variations

#F0F4FA, #A4BCDF, #305388, #15253C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5B86C5

#59C5B4

#7F59C5

#C59A59

#BAC559

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

Triadic + Accent

#5B86C5

#C55984

#84C559

#C8A4DF

#308865

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

Monochromatic + Split Complementary

#5B86C5

#B7CAE6

#294775

#C56459

#BAC559

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

#5B86C5

RGB Values

91, 134, 197

HSL Values

216°, 48%, 56%