color #4D77E1 | Chroma Seek

#4D77E1

Color Information

Hex Code

#4D77E1

RGB

77, 119, 225

HSL

223°, 71%, 59%

CSS

#4D77E1

Color Tints

Lighter variations of #4D77E1

#4D77E1

#5F85E4

10%

#7192E7

20%

#82A0EA

30%

#94ADED

40%

#A6BBF0

50%

#B8C9F3

60%

#CAD6F6

70%

#DBE4F9

80%

#EDF1FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #4D77E1

#4D77E1

#456BCB

10%

#3E5FB4

20%

#36539E

30%

#2E4787

40%

#273C71

50%

#1F305A

60%

#172444

70%

#0F182D

80%

#080C17

90%

#000000

100%

Related Colors

Complementary Color

#E1B74C

Opposite on color wheel

Split-Complementary Colors

#E16C4C, #C1E14C

Adjacent to complementary color

Analogous Colors

#4CC1E1, #6C4CE1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E14C76, #76E14C

Three colors equally spaced (120° apart)

Tetradic Colors

#B74CE1, #E1B74C, #76E14C

Rectangle on color wheel (90° apart)

Square Colors

#E14CC1, #E1B74C, #4CE16C

Four colors equally spaced (90° apart)

Monochromatic Variations

#FBFCFE, #A3B9EF, #1D45AA, #0E2253

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#4D77E1

#4CE1DC

#924CE1

#E1B74C

#C1E14C

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

Triadic + Accent

#4D77E1

#E14C76

#76E14C

#DAA3EF

#1DAA82

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

Monochromatic + Split Complementary

#4D77E1

#B9CAF3

#193C94

#E16C4C

#C1E14C

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

#4D77E1

RGB Values

77, 119, 225

HSL Values

223°, 71%, 59%