color #564DBB | Chroma Seek

#564DBB

Color Information

Hex Code

#564DBB

RGB

86, 77, 187

HSL

245°, 45%, 52%

CSS

#564DBB

Color Tints

Lighter variations of #564DBB

#564DBB

#675FC2

10%

#7871C9

20%

#8982CF

30%

#9A94D6

40%

#ABA6DD

50%

#BBB8E4

60%

#CCCAEB

70%

#DDDBF1

80%

#EEEDF8

90%

#FFFFFF

100%

Color Shades

Darker variations of #564DBB

#564DBB

#4D45A8

10%

#453E96

20%

#3C3683

30%

#342E70

40%

#2B275E

50%

#221F4B

60%

#1A1738

70%

#110F25

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 #564DBB. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#564DBB

#4E97BC

#A94EBC

#B3BC4E

#7BBC4E

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

Triadic + Accent

#564DBB

#BC574E

#4EBC57

#D897D2

#2D7076

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

Monochromatic + Split Complementary

#564DBB

#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

#564DBB

RGB Values

86, 77, 187

HSL Values

245°, 45%, 52%