color #564FB8 | Chroma Seek

#564FB8

Color Information

Hex Code

#564FB8

RGB

86, 79, 184

HSL

244°, 43%, 52%

CSS

#564FB8

Color Tints

Lighter variations of #564FB8

#564FB8

#6761BF

10%

#7872C6

20%

#8984CD

30%

#9A95D4

40%

#ABA7DC

50%

#BBB9E3

60%

#CCCAEA

70%

#DDDCF1

80%

#EEEDF8

90%

#FFFFFF

100%

Color Shades

Darker variations of #564FB8

#564FB8

#4D47A6

10%

#453F93

20%

#3C3781

30%

#342F6E

40%

#2B285C

50%

#22204A

60%

#1A1837

70%

#111025

80%

#090812

90%

#000000

100%

Related Colors

Complementary Color

#B2B950

Opposite on color wheel

Split-Complementary Colors

#B98C50, #7EB950

Adjacent to complementary color

Analogous Colors

#507EB9, #8C50B9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B95750, #50B957

Three colors equally spaced (120° apart)

Tetradic Colors

#B950B2, #B2B950, #50B957

Rectangle on color wheel (90° apart)

Square Colors

#B9507E, #B2B950, #50B98C

Four colors equally spaced (90° apart)

Monochromatic Variations

#E3E2F3, #9D99D6, #332F75, #13112C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#564FB8

#5098B9

#A650B9

#B2B950

#7EB950

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

Triadic + Accent

#564FB8

#B95750

#50B957

#D699D2

#2F7075

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

Monochromatic + Split Complementary

#564FB8

#AEABDE

#2B2762

#B98C50

#7EB950

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

#564FB8

RGB Values

86, 79, 184

HSL Values

244°, 43%, 52%