color #564DDA | Chroma Seek

#564DDA

Color Information

Hex Code

#564DDA

RGB

86, 77, 218

HSL

244°, 66%, 58%

CSS

#564DDA

Color Tints

Lighter variations of #564DDA

#564DDA

#675FDE

10%

#7871E1

20%

#8982E5

30%

#9A94E9

40%

#ABA6ED

50%

#BBB8F0

60%

#CCCAF4

70%

#DDDBF8

80%

#EEEDFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #564DDA

#564DDA

#4D45C4

10%

#453EAE

20%

#3C3699

30%

#342E83

40%

#2B276D

50%

#221F57

60%

#1A1741

70%

#110F2C

80%

#090816

90%

#000000

100%

Related Colors

Complementary Color

#D1DB4D

Opposite on color wheel

Split-Complementary Colors

#DB9D4D, #8ADB4D

Adjacent to complementary color

Analogous Colors

#4D8ADB, #9D4DDB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DB574D, #4DDB57

Three colors equally spaced (120° apart)

Tetradic Colors

#DB4DD1, #D1DB4D, #4DDB57

Rectangle on color wheel (90° apart)

Square Colors

#DB4D8A, #D1DB4D, #4DDB9D

Four colors equally spaced (90° apart)

Monochromatic Variations

#F7F7FD, #A7A2EC, #2921A1, #14104C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#564DDA

#4DAEDB

#C14DDB

#D1DB4D

#8ADB4D

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

Triadic + Accent

#564DDA

#DB574D

#4DDB57

#ECA2E7

#2198A1

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

Monochromatic + Split Complementary

#564DDA

#BBB7F0

#241D8C

#DB9D4D

#8ADB4D

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

#564DDA

RGB Values

86, 77, 218

HSL Values

244°, 66%, 58%