color #5B7DDC | Chroma Seek

#5B7DDC

Color Information

Hex Code

#5B7DDC

RGB

91, 125, 220

HSL

224°, 65%, 61%

CSS

#5B7DDC

Color Tints

Lighter variations of #5B7DDC

#5B7DDC

#6B8AE0

10%

#7C97E3

20%

#8CA4E7

30%

#9DB1EA

40%

#ADBEEE

50%

#BDCBF1

60%

#CED8F5

70%

#DEE5F8

80%

#EFF2FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #5B7DDC

#5B7DDC

#5271C6

10%

#4964B0

20%

#40589A

30%

#374B84

40%

#2E3F6E

50%

#243258

60%

#1B2642

70%

#12192C

80%

#090D16

90%

#000000

100%

Related Colors

Complementary Color

#DCBA5B

Opposite on color wheel

Split-Complementary Colors

#DC795B, #BEDC5B

Adjacent to complementary color

Analogous Colors

#5BBEDC, #795BDC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DC5B7D, #7DDC5B

Three colors equally spaced (120° apart)

Tetradic Colors

#BA5BDC, #DCBA5B, #7DDC5B

Rectangle on color wheel (90° apart)

Square Colors

#DC5BBE, #DCBA5B, #5BDC79

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #AFC0EE, #2549AD, #132558

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5B7DDC

#5BDCDA

#995BDC

#DCBA5B

#BEDC5B

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

Triadic + Accent

#5B7DDC

#DC5B7D

#7DDC5B

#DBABED

#25AD88

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

Monochromatic + Split Complementary

#5B7DDC

#C0CDF2

#204097

#DC795B

#BEDC5B

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

#5B7DDC

RGB Values

91, 125, 220

HSL Values

224°, 65%, 61%