HEX #5563C4 color — Indigo
The color #5563C4 is a dark shade and moderately saturated.
Palette
5563C4 color palette from light to dark
HEX |
RGB |
HSL |
#eceef8 |
rgb(236,238,248) |
hsl(232,48%,95%) |
#d9ddf2 |
rgb(217,221,242) |
hsl(232,48%,90%) |
#c6cbeb |
rgb(198,203,235) |
hsl(232,48%,85%) |
#b4bae4 |
rgb(180,186,228) |
hsl(232,48%,80%) |
#a1a9de |
rgb(161,169,222) |
hsl(232,48%,75%) |
#8e98d7 |
rgb(142,152,215) |
hsl(232,48%,70%) |
#7b86d1 |
rgb(123,134,209) |
hsl(232,48%,65%) |
#6875ca |
rgb(104,117,202) |
hsl(232,48%,60%) |
#5564c3 |
rgb(85,100,195) |
hsl(232,48%,55%) |
#4253bd |
rgb(66,83,189) |
hsl(232,48%,50%) |
#3c4aaa |
rgb(60,74,170) |
hsl(232,48%,45%) |
#354297 |
rgb(53,66,151) |
hsl(232,48%,40%) |
#2e3a84 |
rgb(46,58,132) |
hsl(232,48%,35%) |
#283271 |
rgb(40,50,113) |
hsl(232,48%,30%) |
#21295e |
rgb(33,41,94) |
hsl(232,48%,25%) |
#1b214b |
rgb(27,33,75) |
hsl(232,48%,20%) |
#141939 |
rgb(20,25,57) |
hsl(232,48%,15%) |
#0d1126 |
rgb(13,17,38) |
hsl(232,48%,10%) |
#070813 |
rgb(7,8,19) |
hsl(232,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55ADC4 |
rgb(85,173,196) |
hsl(192,48%,55%) |
#5563C4 |
rgb(85,99,196) |
hsl(232,48%,55%) |
#9154C4 |
rgb(145,84,196) |
hsl(273,49%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97A1DB |
rgb(151,161,219) |
hsl(231,49%,73%) |
#7682CF |
rgb(118,130,207) |
hsl(232,48%,64%) |
#5563C4 |
rgb(85,99,196) |
hsl(232,48%,55%) |
#3C4DAF |
rgb(60,77,175) |
hsl(231,49%,46%) |
#313D8D |
rgb(49,61,141) |
hsl(232,48%,37%) |
#252E6C |
rgb(37,46,108) |
hsl(232,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5563C4 |
rgb(85,99,196) |
hsl(232,48%,55%) |
#C48055 |
rgb(196,128,85) |
hsl(23,48%,55%) |
#9AC455 |
rgb(154,196,85) |
hsl(83,48%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5563C4 |
rgb(85,99,196) |
hsl(232,48%,55%) |
#C4B555 |
rgb(196,181,85) |
hsl(52,48%,55%) |
#559CC4 |
rgb(85,156,196) |
hsl(202,48%,55%) |
#9AC455 |
rgb(154,196,85) |
hsl(83,48%,55%) |