HEX #5366C3 color — Indigo
The color #5366C3 is a dark shade and moderately saturated.
Palette
5366C3 color palette from light to dark
HEX |
RGB |
HSL |
#eceef8 |
rgb(236,238,248) |
hsl(230,48%,95%) |
#d9ddf2 |
rgb(217,221,242) |
hsl(230,48%,90%) |
#c6cdeb |
rgb(198,205,235) |
hsl(230,48%,85%) |
#b4bce4 |
rgb(180,188,228) |
hsl(230,48%,80%) |
#a1abde |
rgb(161,171,222) |
hsl(230,48%,75%) |
#8e9ad7 |
rgb(142,154,215) |
hsl(230,48%,70%) |
#7b89d1 |
rgb(123,137,209) |
hsl(230,48%,65%) |
#6878ca |
rgb(104,120,202) |
hsl(230,48%,60%) |
#5568c3 |
rgb(85,104,195) |
hsl(230,48%,55%) |
#4257bd |
rgb(66,87,189) |
hsl(230,48%,50%) |
#3c4eaa |
rgb(60,78,170) |
hsl(230,48%,45%) |
#354597 |
rgb(53,69,151) |
hsl(230,48%,40%) |
#2e3d84 |
rgb(46,61,132) |
hsl(230,48%,35%) |
#283471 |
rgb(40,52,113) |
hsl(230,48%,30%) |
#212b5e |
rgb(33,43,94) |
hsl(230,48%,25%) |
#1b234b |
rgb(27,35,75) |
hsl(230,48%,20%) |
#141a39 |
rgb(20,26,57) |
hsl(230,48%,15%) |
#0d1126 |
rgb(13,17,38) |
hsl(230,48%,10%) |
#070913 |
rgb(7,9,19) |
hsl(230,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#53B0C3 |
rgb(83,176,195) |
hsl(190,48%,55%) |
#5366C3 |
rgb(83,102,195) |
hsl(230,48%,55%) |
#8A54C3 |
rgb(138,84,195) |
hsl(269,48%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94A1DA |
rgb(148,161,218) |
hsl(229,49%,72%) |
#7385CE |
rgb(115,133,206) |
hsl(228,48%,63%) |
#5366C3 |
rgb(83,102,195) |
hsl(230,48%,55%) |
#3C4FAD |
rgb(60,79,173) |
hsl(230,48%,46%) |
#30408C |
rgb(48,64,140) |
hsl(230,49%,37%) |
#25306B |
rgb(37,48,107) |
hsl(231,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5366C3 |
rgb(83,102,195) |
hsl(230,48%,55%) |
#C37853 |
rgb(195,120,83) |
hsl(20,48%,55%) |
#9EC253 |
rgb(158,194,83) |
hsl(79,48%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5366C3 |
rgb(83,102,195) |
hsl(230,48%,55%) |
#C3B053 |
rgb(195,176,83) |
hsl(50,48%,55%) |
#539EC3 |
rgb(83,158,195) |
hsl(200,48%,55%) |
#9EC253 |
rgb(158,194,83) |
hsl(79,48%,54%) |