color #563CA6 | Chroma Seek

#563CA6

Color Information

Hex Code

#563CA6

RGB

86, 60, 166

HSL

255°, 47%, 44%

CSS

#563CA6

Color Tints

Lighter variations of #563CA6

#563CA6

#6750AF

10%

#7863B8

20%

#8977C1

30%

#9A8ACA

40%

#AB9ED3

50%

#BBB1DB

60%

#CCC5E4

70%

#DDD8ED

80%

#EEECF6

90%

#FFFFFF

100%

Color Shades

Darker variations of #563CA6

#563CA6

#4D3695

10%

#453085

20%

#3C2A74

30%

#342464

40%

#2B1E53

50%

#221842

60%

#1A1232

70%

#110C21

80%

#090611

90%

#000000

100%

Related Colors

Complementary Color

#8BA53B

Opposite on color wheel

Split-Complementary Colors

#A58B3B, #56A53B

Adjacent to complementary color

Analogous Colors

#3B56A5, #8B3BA5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A5563B, #3BA556

Three colors equally spaced (120° apart)

Tetradic Colors

#A53B8B, #8BA53B, #3BA556

Rectangle on color wheel (90° apart)

Square Colors

#A53B56, #8BA53B, #3BA58B

Four colors equally spaced (90° apart)

Monochromatic Variations

#CDC3E9, #8E78CE, #2F205A, #08050F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#563CA6

#3B70A5

#A53BA5

#8BA53B

#56A53B

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

Triadic + Accent

#563CA6

#A5563B

#3BA556

#CE78B9

#204C5A

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

Monochromatic + Split Complementary

#563CA6

#9D8BD5

#251A47

#A58B3B

#56A53B

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

#563CA6

RGB Values

86, 60, 166

HSL Values

255°, 47%, 44%