HEX #366BC5 color — Indigo
The color #366BC5 is a dark shade and moderately saturated.
Palette
366BC5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(218,57%,99%) |
#e7edf8 |
rgb(231,237,248) |
hsl(218,57%,94%) |
#d3dff3 |
rgb(211,223,243) |
hsl(218,57%,89%) |
#bfd0ed |
rgb(191,208,237) |
hsl(218,57%,84%) |
#abc1e8 |
rgb(171,193,232) |
hsl(218,57%,79%) |
#97b3e2 |
rgb(151,179,226) |
hsl(218,57%,74%) |
#83a4dd |
rgb(131,164,221) |
hsl(218,57%,69%) |
#6f95d8 |
rgb(111,149,216) |
hsl(218,57%,64%) |
#5b87d2 |
rgb(91,135,210) |
hsl(218,57%,59%) |
#4778cd |
rgb(71,120,205) |
hsl(218,57%,54%) |
#366ac4 |
rgb(54,106,196) |
hsl(218,57%,49%) |
#305fb0 |
rgb(48,95,176) |
hsl(218,57%,44%) |
#2b549c |
rgb(43,84,156) |
hsl(218,57%,39%) |
#254a88 |
rgb(37,74,136) |
hsl(218,57%,34%) |
#203f74 |
rgb(32,63,116) |
hsl(218,57%,29%) |
#1a3460 |
rgb(26,52,96) |
hsl(218,57%,24%) |
#15294c |
rgb(21,41,76) |
hsl(218,57%,19%) |
#0f1e38 |
rgb(15,30,56) |
hsl(218,57%,14%) |
#0a1324 |
rgb(10,19,36) |
hsl(218,57%,9%) |
#040910 |
rgb(4,9,16) |
hsl(218,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#36C4BF |
rgb(54,196,191) |
hsl(178,57%,49%) |
#366BC5 |
rgb(54,107,197) |
hsl(218,57%,49%) |
#6036C5 |
rgb(96,54,197) |
hsl(258,57%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7299D8 |
rgb(114,153,216) |
hsl(217,57%,65%) |
#5382CF |
rgb(83,130,207) |
hsl(217,56%,57%) |
#366BC5 |
rgb(54,107,197) |
hsl(218,57%,49%) |
#2D59A5 |
rgb(45,89,165) |
hsl(218,57%,41%) |
#244A85 |
rgb(36,74,133) |
hsl(216,57%,33%) |
#1C3866 |
rgb(28,56,102) |
hsl(217,57%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#366BC5 |
rgb(54,107,197) |
hsl(218,57%,49%) |
#C54736 |
rgb(197,71,54) |
hsl(7,57%,49%) |
#B2C436 |
rgb(178,196,54) |
hsl(68,57%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366BC5 |
rgb(54,107,197) |
hsl(218,57%,49%) |
#C58F36 |
rgb(197,143,54) |
hsl(37,57%,49%) |
#36B3C5 |
rgb(54,179,197) |
hsl(188,57%,49%) |
#B2C436 |
rgb(178,196,54) |
hsl(68,57%,49%) |