color #5B7BE3 | Chroma Seek

#5B7BE3

Color Information

Hex Code

#5B7BE3

RGB

91, 123, 227

HSL

226°, 71%, 62%

CSS

#5B7BE3

Color Tints

Lighter variations of #5B7BE3

#5B7BE3

#6B88E6

10%

#7C95E9

20%

#8CA3EB

30%

#9DB0EE

40%

#ADBDF1

50%

#BDCAF4

60%

#CED7F7

70%

#DEE5F9

80%

#EFF2FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #5B7BE3

#5B7BE3

#526FCC

10%

#4962B6

20%

#40569F

30%

#374A88

40%

#2E3E72

50%

#24315B

60%

#1B2544

70%

#12192D

80%

#090C17

90%

#000000

100%

Related Colors

Complementary Color

#E3C359

Opposite on color wheel

Split-Complementary Colors

#E37E59, #BEE359

Adjacent to complementary color

Analogous Colors

#59BEE3, #7E59E3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E35979, #79E359

Three colors equally spaced (120° apart)

Tetradic Colors

#C359E3, #E3C359, #79E359

Rectangle on color wheel (90° apart)

Square Colors

#E359BE, #E3C359, #59E37E

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B1C0F2, #1F43B7, #102360

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5B7BE3

#59E1E3

#A059E3

#E3C359

#BEE359

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

Triadic + Accent

#5B7BE3

#E35979

#79E359

#DFA8F0

#1FB794

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

Monochromatic + Split Complementary

#5B7BE3

#BECAF4

#1B3BA1

#E37E59

#BEE359

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

#5B7BE3

RGB Values

91, 123, 227

HSL Values

226°, 71%, 62%