color #566FB0 | Chroma Seek

#566FB0

Color Information

Hex Code

#566FB0

RGB

86, 111, 176

HSL

223°, 36%, 51%

CSS

#566FB0

Color Tints

Lighter variations of #566FB0

#566FB0

#677DB8

10%

#788CC0

20%

#899AC8

30%

#9AA9D0

40%

#ABB7D8

50%

#BBC5DF

60%

#CCD4E7

70%

#DDE2EF

80%

#EEF1F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #566FB0

#566FB0

#4D649E

10%

#45598D

20%

#3C4E7B

30%

#34436A

40%

#2B3858

50%

#222C46

60%

#1A2135

70%

#111623

80%

#090B12

90%

#000000

100%

Related Colors

Complementary Color

#AF9655

Opposite on color wheel

Split-Complementary Colors

#AF6955, #9CAF55

Adjacent to complementary color

Analogous Colors

#559CAF, #6955AF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AF556F, #6FAF55

Three colors equally spaced (120° apart)

Tetradic Colors

#9655AF, #AF9655, #6FAF55

Rectangle on color wheel (90° apart)

Square Colors

#AF559C, #AF9655, #55AF69

Four colors equally spaced (90° apart)

Monochromatic Variations

#E0E4F0, #9AAAD0, #33436C, #121826

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#566FB0

#55AFAC

#7F55AF

#AF9655

#9CAF55

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

Triadic + Accent

#566FB0

#AF556F

#6FAF55

#C19AD0

#336C5B

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

Monochromatic + Split Complementary

#566FB0

#ACB8D8

#2A385A

#AF6955

#9CAF55

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

#566FB0

RGB Values

86, 111, 176

HSL Values

223°, 36%, 51%