color #564CBE | Chroma Seek

#564CBE

Color Information

Hex Code

#564CBE

RGB

86, 76, 190

HSL

245°, 47%, 52%

CSS

#564CBE

Color Tints

Lighter variations of #564CBE

#564CBE

#675EC5

10%

#7870CB

20%

#8982D2

30%

#9A94D8

40%

#ABA6DF

50%

#BBB7E5

60%

#CCC9EC

70%

#DDDBF2

80%

#EEEDF9

90%

#FFFFFF

100%

Color Shades

Darker variations of #564CBE

#564CBE

#4D44AB

10%

#453D98

20%

#3C3585

30%

#342E72

40%

#2B265F

50%

#221E4C

60%

#1A1739

70%

#110F26

80%

#090813

90%

#000000

100%

Related Colors

Complementary Color

#B5BE4B

Opposite on color wheel

Split-Complementary Colors

#BE8E4B, #7BBE4B

Adjacent to complementary color

Analogous Colors

#4B7BBE, #8E4BBE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#BE554B, #4BBE55

Three colors equally spaced (120° apart)

Tetradic Colors

#BE4BB5, #B5BE4B, #4BBE55

Rectangle on color wheel (90° apart)

Square Colors

#BE4B7B, #B5BE4B, #4BBE8E

Four colors equally spaced (90° apart)

Monochromatic Variations

#E3E1F4, #9C96D9, #322B78, #13102D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#564CBE

#4B98BE

#AB4BBE

#B5BE4B

#7BBE4B

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

Triadic + Accent

#564CBE

#BE554B

#4BBE55

#D996D4

#2B7278

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

Monochromatic + Split Complementary

#564CBE

#ADA9E0

#2A2465

#BE8E4B

#7BBE4B

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

#564CBE

RGB Values

86, 76, 190

HSL Values

245°, 47%, 52%