HEX #566BC4 color — Indigo
The color #566BC4 is a dark shade and moderately saturated.
Palette
566BC4 color palette from light to dark
HEX |
RGB |
HSL |
#eceef8 |
rgb(236,238,248) |
hsl(229,48%,95%) |
#d9def2 |
rgb(217,222,242) |
hsl(229,48%,90%) |
#c6cdeb |
rgb(198,205,235) |
hsl(229,48%,85%) |
#b4bce4 |
rgb(180,188,228) |
hsl(229,48%,80%) |
#a1acde |
rgb(161,172,222) |
hsl(229,48%,75%) |
#8e9bd7 |
rgb(142,155,215) |
hsl(229,48%,70%) |
#7b8bd1 |
rgb(123,139,209) |
hsl(229,48%,65%) |
#687aca |
rgb(104,122,202) |
hsl(229,48%,60%) |
#5569c3 |
rgb(85,105,195) |
hsl(229,48%,55%) |
#4259bd |
rgb(66,89,189) |
hsl(229,48%,50%) |
#3c50aa |
rgb(60,80,170) |
hsl(229,48%,45%) |
#354797 |
rgb(53,71,151) |
hsl(229,48%,40%) |
#2e3e84 |
rgb(46,62,132) |
hsl(229,48%,35%) |
#283571 |
rgb(40,53,113) |
hsl(229,48%,30%) |
#212c5e |
rgb(33,44,94) |
hsl(229,48%,25%) |
#1b234b |
rgb(27,35,75) |
hsl(229,48%,20%) |
#141b39 |
rgb(20,27,57) |
hsl(229,48%,15%) |
#0d1226 |
rgb(13,18,38) |
hsl(229,48%,10%) |
#070913 |
rgb(7,9,19) |
hsl(229,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B5C4 |
rgb(86,181,196) |
hsl(188,48%,55%) |
#566BC4 |
rgb(86,107,196) |
hsl(229,48%,55%) |
#8A57C4 |
rgb(138,87,196) |
hsl(268,48%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98A6DB |
rgb(152,166,219) |
hsl(227,48%,73%) |
#7787CF |
rgb(119,135,207) |
hsl(229,48%,64%) |
#566BC4 |
rgb(86,107,196) |
hsl(229,48%,55%) |
#3D54AF |
rgb(61,84,175) |
hsl(228,48%,46%) |
#31428E |
rgb(49,66,142) |
hsl(229,49%,37%) |
#25336C |
rgb(37,51,108) |
hsl(228,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#566BC4 |
rgb(86,107,196) |
hsl(229,48%,55%) |
#C47856 |
rgb(196,120,86) |
hsl(19,48%,55%) |
#A2C456 |
rgb(162,196,86) |
hsl(79,48%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566BC4 |
rgb(86,107,196) |
hsl(229,48%,55%) |
#C4B056 |
rgb(196,176,86) |
hsl(49,48%,55%) |
#56A3C4 |
rgb(86,163,196) |
hsl(198,48%,55%) |
#A2C456 |
rgb(162,196,86) |
hsl(79,48%,55%) |