color #564DBC | Chroma Seek

#564DBC

Color Information

Hex Code

#564DBC

RGB

86, 77, 188

HSL

245°, 45%, 52%

CSS

#564DBC

Color Tints

Lighter variations of #564DBC

#564DBC

#675FC3

10%

#7871C9

20%

#8982D0

30%

#9A94D7

40%

#ABA6DE

50%

#BBB8E4

60%

#CCCAEB

70%

#DDDBF2

80%

#EEEDF8

90%

#FFFFFF

100%

Color Shades

Darker variations of #564DBC

#564DBC

#4D45A9

10%

#453E96

20%

#3C3684

30%

#342E71

40%

#2B275E

50%

#221F4B

60%

#1A1738

70%

#110F26

80%

#090813

90%

#000000

100%

Related Colors

Complementary Color

#B3BC4E

Opposite on color wheel

Split-Complementary Colors

#BC8E4E, #7BBC4E

Adjacent to complementary color

Analogous Colors

#4E7BBC, #8E4EBC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#BC574E, #4EBC57

Three colors equally spaced (120° apart)

Tetradic Colors

#BC4EB3, #B3BC4E, #4EBC57

Rectangle on color wheel (90° apart)

Square Colors

#BC4E7B, #B3BC4E, #4EBC8E

Four colors equally spaced (90° apart)

Monochromatic Variations

#E3E1F4, #9D97D8, #332D76, #13112C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#564DBC

#4E97BC

#A94EBC

#B3BC4E

#7BBC4E

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

Triadic + Accent

#564DBC

#BC574E

#4EBC57

#D897D2

#2D7076

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

Monochromatic + Split Complementary

#564DBC

#AEAADF

#2B2664

#BC8E4E

#7BBC4E

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

#564DBC

RGB Values

86, 77, 188

HSL Values

245°, 45%, 52%