color #5B8DF1 | Chroma Seek

#5B8DF1

Color Information

Hex Code

#5B8DF1

RGB

91, 141, 241

HSL

220°, 84%, 65%

CSS

#5B8DF1

Color Tints

Lighter variations of #5B8DF1

#5B8DF1

#6B98F2

10%

#7CA4F4

20%

#8CAFF5

30%

#9DBBF7

40%

#ADC6F8

50%

#BDD1F9

60%

#CEDDFB

70%

#DEE8FC

80%

#EFF4FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #5B8DF1

#5B8DF1

#527FD9

10%

#4971C1

20%

#4063A9

30%

#375591

40%

#2E4779

50%

#243860

60%

#1B2A48

70%

#121C30

80%

#090E18

90%

#000000

100%

Related Colors

Complementary Color

#F1BF5B

Opposite on color wheel

Split-Complementary Colors

#F1745B, #D8F15B

Adjacent to complementary color

Analogous Colors

#5BD8F1, #745BF1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F15B8D, #8DF15B

Three colors equally spaced (120° apart)

Tetradic Colors

#BF5BF1, #F1BF5B, #8DF15B

Rectangle on color wheel (90° apart)

Square Colors

#F15BD8, #F1BF5B, #5BF174

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B9CEF9, #1253D3, #0A2E75

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5B8DF1

#5BF1E4

#995BF1

#F1BF5B

#D8F15B

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

Triadic + Accent

#5B8DF1

#F15B8D

#8DF15B

#DAA1F7

#12D393

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

Monochromatic + Split Complementary

#5B8DF1

#B9CEF9

#1049BC

#F1745B

#D8F15B

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

#5B8DF1

RGB Values

91, 141, 241

HSL Values

220°, 84%, 65%