HEX #5663C3 color — Indigo
The color #5663C3 is a dark shade and moderately saturated.
Palette
5663C3 color palette from light to dark
HEX |
RGB |
HSL |
#eceef8 |
rgb(236,238,248) |
hsl(233,48%,95%) |
#d9dcf2 |
rgb(217,220,242) |
hsl(233,48%,90%) |
#c6cbeb |
rgb(198,203,235) |
hsl(233,48%,85%) |
#b4b9e4 |
rgb(180,185,228) |
hsl(233,48%,80%) |
#a1a8de |
rgb(161,168,222) |
hsl(233,48%,75%) |
#8e96d7 |
rgb(142,150,215) |
hsl(233,48%,70%) |
#7b85d1 |
rgb(123,133,209) |
hsl(233,48%,65%) |
#6873ca |
rgb(104,115,202) |
hsl(233,48%,60%) |
#5562c3 |
rgb(85,98,195) |
hsl(233,48%,55%) |
#4251bd |
rgb(66,81,189) |
hsl(233,48%,50%) |
#3c49aa |
rgb(60,73,170) |
hsl(233,48%,45%) |
#354097 |
rgb(53,64,151) |
hsl(233,48%,40%) |
#2e3884 |
rgb(46,56,132) |
hsl(233,48%,35%) |
#283071 |
rgb(40,48,113) |
hsl(233,48%,30%) |
#21285e |
rgb(33,40,94) |
hsl(233,48%,25%) |
#1b204b |
rgb(27,32,75) |
hsl(233,48%,20%) |
#141839 |
rgb(20,24,57) |
hsl(233,48%,15%) |
#0d1026 |
rgb(13,16,38) |
hsl(233,48%,10%) |
#070813 |
rgb(7,8,19) |
hsl(233,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56ABC3 |
rgb(86,171,195) |
hsl(193,48%,55%) |
#5663C3 |
rgb(86,99,195) |
hsl(233,48%,55%) |
#9157C3 |
rgb(145,87,195) |
hsl(272,47%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98A1DA |
rgb(152,161,218) |
hsl(232,47%,73%) |
#7782CE |
rgb(119,130,206) |
hsl(232,47%,64%) |
#5663C3 |
rgb(86,99,195) |
hsl(233,48%,55%) |
#3D4DAE |
rgb(61,77,174) |
hsl(232,48%,46%) |
#323D8D |
rgb(50,61,141) |
hsl(233,48%,37%) |
#262E6B |
rgb(38,46,107) |
hsl(233,48%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5663C3 |
rgb(86,99,195) |
hsl(233,48%,55%) |
#C38056 |
rgb(195,128,86) |
hsl(23,48%,55%) |
#99C256 |
rgb(153,194,86) |
hsl(83,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5663C3 |
rgb(86,99,195) |
hsl(233,48%,55%) |
#C3B556 |
rgb(195,181,86) |
hsl(52,48%,55%) |
#5699C3 |
rgb(86,153,195) |
hsl(203,48%,55%) |
#99C256 |
rgb(153,194,86) |
hsl(83,47%,55%) |