color #563CCC | Chroma Seek

#563CCC

Color Information

Hex Code

#563CCC

RGB

86, 60, 204

HSL

251°, 59%, 52%

CSS

#563CCC

Color Tints

Lighter variations of #563CCC

#563CCC

#6750D1

10%

#7863D6

20%

#8977DB

30%

#9A8AE0

40%

#AB9EE6

50%

#BBB1EB

60%

#CCC5F0

70%

#DDD8F5

80%

#EEECFA

90%

#FFFFFF

100%

Color Shades

Darker variations of #563CCC

#563CCC

#4D36B8

10%

#4530A3

20%

#3C2A8F

30%

#34247A

40%

#2B1E66

50%

#221852

60%

#1A123D

70%

#110C29

80%

#090614

90%

#000000

100%

Related Colors

Complementary Color

#B2CD3C

Opposite on color wheel

Split-Complementary Colors

#CD9F3C, #6ACD3C

Adjacent to complementary color

Analogous Colors

#3C6ACD, #9F3CCD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CD573C, #3CCD57

Three colors equally spaced (120° apart)

Tetradic Colors

#CD3CB2, #B2CD3C, #3CCD57

Rectangle on color wheel (90° apart)

Square Colors

#CD3C6A, #B2CD3C, #3CCD9F

Four colors equally spaced (90° apart)

Monochromatic Variations

#E3DFF7, #9D8DE2, #332182, #130D31

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#563CCC

#3C8ECD

#C33CCD

#B2CD3C

#6ACD3C

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

Triadic + Accent

#563CCC

#CD573C

#3CCD57

#E28DD2

#217082

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

Monochromatic + Split Complementary

#563CCC

#AEA2E7

#2B1C6D

#CD9F3C

#6ACD3C

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

#563CCC

RGB Values

86, 60, 204

HSL Values

251°, 59%, 52%