color #5977ED | Chroma Seek

#5977ED

Color Information

Hex Code

#5977ED

RGB

89, 119, 237

HSL

228°, 80%, 64%

CSS

#5977ED

Color Tints

Lighter variations of #5977ED

#5977ED

#6A85EF

10%

#7A92F1

20%

#8BA0F2

30%

#9BADF4

40%

#ACBBF6

50%

#BDC9F8

60%

#CDD6FA

70%

#DEE4FB

80%

#EEF1FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #5977ED

#5977ED

#506BD5

10%

#475FBE

20%

#3E53A6

30%

#35478E

40%

#2D3C77

50%

#24305F

60%

#1B2447

70%

#12182F

80%

#090C18

90%

#000000

100%

Related Colors

Complementary Color

#EDCF5A

Opposite on color wheel

Split-Complementary Colors

#ED865A, #C1ED5A

Adjacent to complementary color

Analogous Colors

#5AC1ED, #865AED

Adjacent colors on color wheel (30° apart)

Triadic Colors

#ED5A77, #77ED5A

Three colors equally spaced (120° apart)

Tetradic Colors

#CF5AED, #EDCF5A, #77ED5A

Rectangle on color wheel (90° apart)

Square Colors

#ED5AC1, #EDCF5A, #5AED86

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B6C3F7, #163ACA, #0C206E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5977ED

#5AE5ED

#AB5AED

#EDCF5A

#C1ED5A

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

Triadic + Accent

#5977ED

#ED5A77

#77ED5A

#E4A3F5

#16CAA6

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

Monochromatic + Split Complementary

#5977ED

#BAC6F7

#1434B3

#ED865A

#C1ED5A

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

#5977ED

RGB Values

89, 119, 237

HSL Values

228°, 80%, 64%