HEX #566CC2 color — Indigo
The color #566cc2 is a dark shade and moderately saturated.
Palette
566cc2 color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(228,47%,95%) |
#dadef1 |
rgb(218,222,241) |
hsl(228,47%,90%) |
#c7ceeb |
rgb(199,206,235) |
hsl(228,47%,85%) |
#b4bee4 |
rgb(180,190,228) |
hsl(228,47%,80%) |
#a1addd |
rgb(161,173,221) |
hsl(228,47%,75%) |
#8f9dd6 |
rgb(143,157,214) |
hsl(228,47%,70%) |
#7c8dd0 |
rgb(124,141,208) |
hsl(228,47%,65%) |
#697cc9 |
rgb(105,124,201) |
hsl(228,47%,60%) |
#566cc2 |
rgb(86,108,194) |
hsl(228,47%,55%) |
#445cbb |
rgb(68,92,187) |
hsl(228,47%,50%) |
#3d52a9 |
rgb(61,82,169) |
hsl(228,47%,45%) |
#364996 |
rgb(54,73,150) |
hsl(228,47%,40%) |
#2f4083 |
rgb(47,64,131) |
hsl(228,47%,35%) |
#293770 |
rgb(41,55,112) |
hsl(228,47%,30%) |
#222e5e |
rgb(34,46,94) |
hsl(228,47%,25%) |
#1b254b |
rgb(27,37,75) |
hsl(228,47%,20%) |
#141b38 |
rgb(20,27,56) |
hsl(228,47%,15%) |
#0e1225 |
rgb(14,18,37) |
hsl(228,47%,10%) |
#070913 |
rgb(7,9,19) |
hsl(228,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B5C2 |
rgb(86,181,194) |
hsl(187,47%,55%) |
#566CC2 |
rgb(86,108,194) |
hsl(228,47%,55%) |
#8857C2 |
rgb(136,87,194) |
hsl(267,47%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97A6D9 |
rgb(151,166,217) |
hsl(226,46%,72%) |
#768ACD |
rgb(118,138,205) |
hsl(226,47%,63%) |
#566CC2 |
rgb(86,108,194) |
hsl(228,47%,55%) |
#3E54AC |
rgb(62,84,172) |
hsl(228,47%,46%) |
#32458B |
rgb(50,69,139) |
hsl(227,47%,37%) |
#26366A |
rgb(38,54,106) |
hsl(226,47%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#566CC2 |
rgb(86,108,194) |
hsl(228,47%,55%) |
#C27556 |
rgb(194,117,86) |
hsl(17,47%,55%) |
#A2C256 |
rgb(162,194,86) |
hsl(78,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566CC2 |
rgb(86,108,194) |
hsl(228,47%,55%) |
#C2AB56 |
rgb(194,171,86) |
hsl(47,47%,55%) |
#56A3C2 |
rgb(86,163,194) |
hsl(197,47%,55%) |
#A2C256 |
rgb(162,194,86) |
hsl(78,47%,55%) |