HEX #5663C2 color — Indigo
The color #5663C2 is a dark shade and moderately saturated.
Palette
5663C2 color palette from light to dark
HEX |
RGB |
HSL |
#eceef8 |
rgb(236,238,248) |
hsl(233,47%,95%) |
#dadcf1 |
rgb(218,220,241) |
hsl(233,47%,90%) |
#c7cbeb |
rgb(199,203,235) |
hsl(233,47%,85%) |
#b4bae4 |
rgb(180,186,228) |
hsl(233,47%,80%) |
#a1a8dd |
rgb(161,168,221) |
hsl(233,47%,75%) |
#8f97d6 |
rgb(143,151,214) |
hsl(233,47%,70%) |
#7c86d0 |
rgb(124,134,208) |
hsl(233,47%,65%) |
#6974c9 |
rgb(105,116,201) |
hsl(233,47%,60%) |
#5663c2 |
rgb(86,99,194) |
hsl(233,47%,55%) |
#4452bb |
rgb(68,82,187) |
hsl(233,47%,50%) |
#3d49a9 |
rgb(61,73,169) |
hsl(233,47%,45%) |
#364196 |
rgb(54,65,150) |
hsl(233,47%,40%) |
#2f3983 |
rgb(47,57,131) |
hsl(233,47%,35%) |
#293170 |
rgb(41,49,112) |
hsl(233,47%,30%) |
#22295e |
rgb(34,41,94) |
hsl(233,47%,25%) |
#1b214b |
rgb(27,33,75) |
hsl(233,47%,20%) |
#141838 |
rgb(20,24,56) |
hsl(233,47%,15%) |
#0e1025 |
rgb(14,16,37) |
hsl(233,47%,10%) |
#070813 |
rgb(7,8,19) |
hsl(233,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56ABC2 |
rgb(86,171,194) |
hsl(193,47%,55%) |
#5663C2 |
rgb(86,99,194) |
hsl(233,47%,55%) |
#9157C2 |
rgb(145,87,194) |
hsl(273,47%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97A1D9 |
rgb(151,161,217) |
hsl(231,46%,72%) |
#7682CD |
rgb(118,130,205) |
hsl(232,47%,63%) |
#5663C2 |
rgb(86,99,194) |
hsl(233,47%,55%) |
#3E4DAC |
rgb(62,77,172) |
hsl(232,47%,46%) |
#323D8B |
rgb(50,61,139) |
hsl(233,47%,37%) |
#262E6A |
rgb(38,46,106) |
hsl(233,47%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5663C2 |
rgb(86,99,194) |
hsl(233,47%,55%) |
#C28056 |
rgb(194,128,86) |
hsl(23,47%,55%) |
#99C256 |
rgb(153,194,86) |
hsl(83,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5663C2 |
rgb(86,99,194) |
hsl(233,47%,55%) |
#C2B556 |
rgb(194,181,86) |
hsl(53,47%,55%) |
#5699C2 |
rgb(86,153,194) |
hsl(203,47%,55%) |
#99C256 |
rgb(153,194,86) |
hsl(83,47%,55%) |