HEX #5366C6 color — Indigo
The color #5366c6 is a dark shade and moderately saturated.
Palette
5366c6 color palette from light to dark
HEX |
RGB |
HSL |
#eceef9 |
rgb(236,238,249) |
hsl(230,50%,95%) |
#d9ddf2 |
rgb(217,221,242) |
hsl(230,50%,90%) |
#c6ccec |
rgb(198,204,236) |
hsl(230,50%,85%) |
#b3bbe6 |
rgb(179,187,230) |
hsl(230,50%,80%) |
#9faadf |
rgb(159,170,223) |
hsl(230,50%,75%) |
#8c99d9 |
rgb(140,153,217) |
hsl(230,50%,70%) |
#7988d2 |
rgb(121,136,210) |
hsl(230,50%,65%) |
#6677cc |
rgb(102,119,204) |
hsl(230,50%,60%) |
#5366c6 |
rgb(83,102,198) |
hsl(230,50%,55%) |
#4055bf |
rgb(64,85,191) |
hsl(230,50%,50%) |
#394dac |
rgb(57,77,172) |
hsl(230,50%,45%) |
#334499 |
rgb(51,68,153) |
hsl(230,50%,40%) |
#2d3c86 |
rgb(45,60,134) |
hsl(230,50%,35%) |
#263373 |
rgb(38,51,115) |
hsl(230,50%,30%) |
#202b60 |
rgb(32,43,96) |
hsl(230,50%,25%) |
#1a224d |
rgb(26,34,77) |
hsl(230,50%,20%) |
#131a39 |
rgb(19,26,57) |
hsl(230,50%,15%) |
#0d1126 |
rgb(13,17,38) |
hsl(230,50%,10%) |
#060913 |
rgb(6,9,19) |
hsl(230,50%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#53B3C6 |
rgb(83,179,198) |
hsl(190,50%,55%) |
#5366C6 |
rgb(83,102,198) |
hsl(230,50%,55%) |
#8C54C6 |
rgb(140,84,198) |
hsl(269,50%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96A3DC |
rgb(150,163,220) |
hsl(229,50%,73%) |
#7485D1 |
rgb(116,133,209) |
hsl(229,50%,64%) |
#5366C6 |
rgb(83,102,198) |
hsl(230,50%,55%) |
#3A4FB1 |
rgb(58,79,177) |
hsl(229,51%,46%) |
#2F408F |
rgb(47,64,143) |
hsl(229,51%,37%) |
#24306D |
rgb(36,48,109) |
hsl(230,50%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5366C6 |
rgb(83,102,198) |
hsl(230,50%,55%) |
#C67A53 |
rgb(198,122,83) |
hsl(20,50%,55%) |
#9FC753 |
rgb(159,199,83) |
hsl(81,51%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5366C6 |
rgb(83,102,198) |
hsl(230,50%,55%) |
#C6B353 |
rgb(198,179,83) |
hsl(50,50%,55%) |
#53A1C6 |
rgb(83,161,198) |
hsl(199,50%,55%) |
#9FC753 |
rgb(159,199,83) |
hsl(81,51%,55%) |