color #566CD6 | Chroma Seek

#566CD6

Color Information

Hex Code

#566CD6

RGB

86, 108, 214

HSL

230°, 61%, 59%

CSS

#566CD6

Color Tints

Lighter variations of #566CD6

#566CD6

#677BDA

10%

#7889DE

20%

#8998E2

30%

#9AA7E6

40%

#ABB6EB

50%

#BBC4EF

60%

#CCD3F3

70%

#DDE2F7

80%

#EEF0FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #566CD6

#566CD6

#4D61C1

10%

#4556AB

20%

#3C4C96

30%

#344180

40%

#2B366B

50%

#222B56

60%

#1A2040

70%

#11162B

80%

#090B15

90%

#000000

100%

Related Colors

Complementary Color

#D6C157

Opposite on color wheel

Split-Complementary Colors

#D68157, #ACD657

Adjacent to complementary color

Analogous Colors

#57ACD6, #8157D6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D6576C, #6CD657

Three colors equally spaced (120° apart)

Tetradic Colors

#C157D6, #D6C157, #6CD657

Rectangle on color wheel (90° apart)

Square Colors

#D657AC, #D6C157, #57D681

Four colors equally spaced (90° apart)

Monochromatic Variations

#FBFBFE, #A9B4EA, #273BA0, #131D4E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#566CD6

#57CCD6

#A157D6

#D6C157

#ACD657

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

Triadic + Accent

#566CD6

#D6576C

#6CD657

#DFA9EA

#27A08C

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

Monochromatic + Split Complementary

#566CD6

#BDC6EF

#22338C

#D68157

#ACD657

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

#566CD6

RGB Values

86, 108, 214

HSL Values

230°, 61%, 59%