color #565673 | Chroma Seek

#565673

Color Information

Hex Code

#565673

RGB

86, 86, 115

HSL

240°, 14%, 39%

CSS

#565673

Color Tints

Lighter variations of #565673

#565673

#676781

10%

#78788F

20%

#89899D

30%

#9A9AAB

40%

#ABABB9

50%

#BBBBC7

60%

#CCCCD5

70%

#DDDDE3

80%

#EEEEF1

90%

#FFFFFF

100%

Color Shades

Darker variations of #565673

#565673

#4D4D68

10%

#45455C

20%

#3C3C51

30%

#343445

40%

#2B2B3A

50%

#22222E

60%

#1A1A23

70%

#111117

80%

#09090C

90%

#000000

100%

Related Colors

Complementary Color

#717156

Opposite on color wheel

Split-Complementary Colors

#716356, #637156

Adjacent to complementary color

Analogous Colors

#566371, #635671

Adjacent colors on color wheel (30° apart)

Triadic Colors

#715656, #567156

Three colors equally spaced (120° apart)

Tetradic Colors

#715671, #717156, #567156

Rectangle on color wheel (90° apart)

Square Colors

#715663, #717156, #567163

Four colors equally spaced (90° apart)

Monochromatic Variations

#C2C2D1, #8888A5, #2A2A37, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#565673

#566A71

#6A5671

#717156

#637156

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

Triadic + Accent

#565673

#715656

#567156

#A588A5

#2C3A3A

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

Monochromatic + Split Complementary

#565673

#9696B0

#21212C

#716356

#637156

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

#565673

RGB Values

86, 86, 115

HSL Values

240°, 14%, 39%