color #4D63F5 | Chroma Seek

#4D63F5

Color Information

Hex Code

#4D63F5

RGB

77, 99, 245

HSL

232°, 89%, 63%

CSS

#4D63F5

Color Tints

Lighter variations of #4D63F5

#4D63F5

#5F73F6

10%

#7182F7

20%

#8292F8

30%

#94A1F9

40%

#A6B1FA

50%

#B8C1FB

60%

#CAD0FC

70%

#DBE0FD

80%

#EDEFFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #4D63F5

#4D63F5

#4559DD

10%

#3E4FC4

20%

#3645AC

30%

#2E3B93

40%

#27327B

50%

#1F2862

60%

#171E4A

70%

#0F1431

80%

#080A19

90%

#000000

100%

Related Colors

Complementary Color

#F5DE4D

Opposite on color wheel

Split-Complementary Colors

#F58A4D, #B7F54D

Adjacent to complementary color

Analogous Colors

#4DB7F5, #8A4DF5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F54D63, #63F54D

Three colors equally spaced (120° apart)

Tetradic Colors

#DE4DF5, #F5DE4D, #63F54D

Rectangle on color wheel (90° apart)

Square Colors

#F54DB7, #F5DE4D, #4DF58A

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #ADB7FA, #0C26CF, #06146F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#4D63F5

#4DE1F5

#B44DF5

#F5DE4D

#B7F54D

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

Triadic + Accent

#4D63F5

#F54D63

#63F54D

#ED9FF9

#0CCFB5

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

Monochromatic + Split Complementary

#4D63F5

#B7C0FB

#0B22B7

#F58A4D

#B7F54D

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

#4D63F5

RGB Values

77, 99, 245

HSL Values

232°, 89%, 63%