color #564CB0 | Chroma Seek

#564CB0

Color Information

Hex Code

#564CB0

RGB

86, 76, 176

HSL

246°, 40%, 49%

CSS

#564CB0

Color Tints

Lighter variations of #564CB0

#564CB0

#675EB8

10%

#7870C0

20%

#8982C8

30%

#9A94D0

40%

#ABA6D8

50%

#BBB7DF

60%

#CCC9E7

70%

#DDDBEF

80%

#EEEDF7

90%

#FFFFFF

100%

Color Shades

Darker variations of #564CB0

#564CB0

#4D449E

10%

#453D8D

20%

#3C357B

30%

#342E6A

40%

#2B2658

50%

#221E46

60%

#1A1735

70%

#110F23

80%

#090812

90%

#000000

100%

Related Colors

Complementary Color

#A5AF4B

Opposite on color wheel

Split-Complementary Colors

#AF874B, #73AF4B

Adjacent to complementary color

Analogous Colors

#4B73AF, #874BAF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AF554B, #4BAF55

Three colors equally spaced (120° apart)

Tetradic Colors

#AF4BA5, #A5AF4B, #4BAF55

Rectangle on color wheel (90° apart)

Square Colors

#AF4B73, #A5AF4B, #4BAF87

Four colors equally spaced (90° apart)

Monochromatic Variations

#DAD8EE, #9790D0, #322C68, #100E20

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#564CB0

#4B8CAF

#A04BAF

#A5AF4B

#73AF4B

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

Triadic + Accent

#564CB0

#AF554B

#4BAF55

#D090C9

#2C6268

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

Monochromatic + Split Complementary

#564CB0

#A7A2D7

#2A2556

#AF874B

#73AF4B

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

#564CB0

RGB Values

86, 76, 176

HSL Values

246°, 40%, 49%