HEX #566EC4 color — Indigo
The color #566EC4 is a dark shade and moderately saturated.
Palette
566EC4 color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(227,48%,95%) |
#d9dff2 |
rgb(217,223,242) |
hsl(227,48%,90%) |
#c6ceeb |
rgb(198,206,235) |
hsl(227,48%,85%) |
#b4bee4 |
rgb(180,190,228) |
hsl(227,48%,80%) |
#a1aede |
rgb(161,174,222) |
hsl(227,48%,75%) |
#8e9ed7 |
rgb(142,158,215) |
hsl(227,48%,70%) |
#7b8dd1 |
rgb(123,141,209) |
hsl(227,48%,65%) |
#687dca |
rgb(104,125,202) |
hsl(227,48%,60%) |
#556dc3 |
rgb(85,109,195) |
hsl(227,48%,55%) |
#425dbd |
rgb(66,93,189) |
hsl(227,48%,50%) |
#3c54aa |
rgb(60,84,170) |
hsl(227,48%,45%) |
#354a97 |
rgb(53,74,151) |
hsl(227,48%,40%) |
#2e4184 |
rgb(46,65,132) |
hsl(227,48%,35%) |
#283871 |
rgb(40,56,113) |
hsl(227,48%,30%) |
#212e5e |
rgb(33,46,94) |
hsl(227,48%,25%) |
#1b254b |
rgb(27,37,75) |
hsl(227,48%,20%) |
#141c39 |
rgb(20,28,57) |
hsl(227,48%,15%) |
#0d1326 |
rgb(13,19,38) |
hsl(227,48%,10%) |
#070913 |
rgb(7,9,19) |
hsl(227,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B8C4 |
rgb(86,184,196) |
hsl(187,48%,55%) |
#566EC4 |
rgb(86,110,196) |
hsl(227,48%,55%) |
#8757C4 |
rgb(135,87,196) |
hsl(266,48%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98A8DB |
rgb(152,168,219) |
hsl(226,48%,73%) |
#778ACF |
rgb(119,138,207) |
hsl(227,48%,64%) |
#566EC4 |
rgb(86,110,196) |
hsl(227,48%,55%) |
#3D57AF |
rgb(61,87,175) |
hsl(226,48%,46%) |
#31458E |
rgb(49,69,142) |
hsl(227,49%,37%) |
#25366C |
rgb(37,54,108) |
hsl(226,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#566EC4 |
rgb(86,110,196) |
hsl(227,48%,55%) |
#C47556 |
rgb(196,117,86) |
hsl(17,48%,55%) |
#A5C456 |
rgb(165,196,86) |
hsl(77,48%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#566EC4 |
rgb(86,110,196) |
hsl(227,48%,55%) |
#C4AB56 |
rgb(196,171,86) |
hsl(46,48%,55%) |
#56A6C4 |
rgb(86,166,196) |
hsl(196,48%,55%) |
#A5C456 |
rgb(165,196,86) |
hsl(77,48%,55%) |