HEX #566BC5 color — Indigo
The color #566BC5 is a dark shade and moderately saturated.
Palette
566BC5 color palette from light to dark
HEX |
RGB |
HSL |
#eceef8 |
rgb(236,238,248) |
hsl(229,49%,95%) |
#d9def2 |
rgb(217,222,242) |
hsl(229,49%,90%) |
#c6cdeb |
rgb(198,205,235) |
hsl(229,49%,85%) |
#b3bce5 |
rgb(179,188,229) |
hsl(229,49%,80%) |
#a0abde |
rgb(160,171,222) |
hsl(229,49%,75%) |
#8d9bd8 |
rgb(141,155,216) |
hsl(229,49%,70%) |
#7a8ad1 |
rgb(122,138,209) |
hsl(229,49%,65%) |
#6779cb |
rgb(103,121,203) |
hsl(229,49%,60%) |
#5469c4 |
rgb(84,105,196) |
hsl(229,49%,55%) |
#4158be |
rgb(65,88,190) |
hsl(229,49%,50%) |
#3b4fab |
rgb(59,79,171) |
hsl(229,49%,45%) |
#344698 |
rgb(52,70,152) |
hsl(229,49%,40%) |
#2e3e85 |
rgb(46,62,133) |
hsl(229,49%,35%) |
#273572 |
rgb(39,53,114) |
hsl(229,49%,30%) |
#212c5f |
rgb(33,44,95) |
hsl(229,49%,25%) |
#1a234c |
rgb(26,35,76) |
hsl(229,49%,20%) |
#141a39 |
rgb(20,26,57) |
hsl(229,49%,15%) |
#0d1226 |
rgb(13,18,38) |
hsl(229,49%,10%) |
#070913 |
rgb(7,9,19) |
hsl(229,49%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B5C5 |
rgb(86,181,197) |
hsl(189,49%,55%) |
#566BC5 |
rgb(86,107,197) |
hsl(229,49%,55%) |
#8B57C5 |
rgb(139,87,197) |
hsl(268,49%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99A6DC |
rgb(153,166,220) |
hsl(228,49%,73%) |
#778AD0 |
rgb(119,138,208) |
hsl(227,49%,64%) |
#566BC5 |
rgb(86,107,197) |
hsl(229,49%,55%) |
#3C52B0 |
rgb(60,82,176) |
hsl(229,49%,46%) |
#31428F |
rgb(49,66,143) |
hsl(229,49%,38%) |
#25336D |
rgb(37,51,109) |
hsl(228,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#566BC5 |
rgb(86,107,197) |
hsl(229,49%,55%) |
#C57856 |
rgb(197,120,86) |
hsl(18,49%,55%) |
#A2C456 |
rgb(162,196,86) |
hsl(79,48%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566BC5 |
rgb(86,107,197) |
hsl(229,49%,55%) |
#C5B056 |
rgb(197,176,86) |
hsl(49,49%,55%) |
#56A3C5 |
rgb(86,163,197) |
hsl(198,49%,55%) |
#A2C456 |
rgb(162,196,86) |
hsl(79,48%,55%) |