HEX #366CC4 color — Indigo
The color #366cc4 is a dark shade and moderately saturated.
Palette
366cc4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(217,57%,99%) |
#e7eef8 |
rgb(231,238,248) |
hsl(217,57%,94%) |
#d3dff3 |
rgb(211,223,243) |
hsl(217,57%,89%) |
#bfd1ed |
rgb(191,209,237) |
hsl(217,57%,84%) |
#abc2e8 |
rgb(171,194,232) |
hsl(217,57%,79%) |
#97b4e2 |
rgb(151,180,226) |
hsl(217,57%,74%) |
#83a5dd |
rgb(131,165,221) |
hsl(217,57%,69%) |
#6f97d8 |
rgb(111,151,216) |
hsl(217,57%,64%) |
#5b89d2 |
rgb(91,137,210) |
hsl(217,57%,59%) |
#477acd |
rgb(71,122,205) |
hsl(217,57%,54%) |
#366cc4 |
rgb(54,108,196) |
hsl(217,57%,49%) |
#3061b0 |
rgb(48,97,176) |
hsl(217,57%,44%) |
#2b569c |
rgb(43,86,156) |
hsl(217,57%,39%) |
#254b88 |
rgb(37,75,136) |
hsl(217,57%,34%) |
#204074 |
rgb(32,64,116) |
hsl(217,57%,29%) |
#1a3560 |
rgb(26,53,96) |
hsl(217,57%,24%) |
#152a4c |
rgb(21,42,76) |
hsl(217,57%,19%) |
#0f1f38 |
rgb(15,31,56) |
hsl(217,57%,14%) |
#0a1424 |
rgb(10,20,36) |
hsl(217,57%,9%) |
#040910 |
rgb(4,9,16) |
hsl(217,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#36C4BD |
rgb(54,196,189) |
hsl(177,57%,49%) |
#366CC4 |
rgb(54,108,196) |
hsl(217,57%,49%) |
#5E36C4 |
rgb(94,54,196) |
hsl(257,57%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7199D8 |
rgb(113,153,216) |
hsl(217,57%,65%) |
#5282CF |
rgb(82,130,207) |
hsl(217,57%,57%) |
#366CC4 |
rgb(54,108,196) |
hsl(217,57%,49%) |
#2D5CA4 |
rgb(45,92,164) |
hsl(216,57%,41%) |
#244A85 |
rgb(36,74,133) |
hsl(216,57%,33%) |
#1C3865 |
rgb(28,56,101) |
hsl(217,57%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#366CC4 |
rgb(54,108,196) |
hsl(217,57%,49%) |
#C44736 |
rgb(196,71,54) |
hsl(7,57%,49%) |
#B3C436 |
rgb(179,196,54) |
hsl(67,57%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366CC4 |
rgb(54,108,196) |
hsl(217,57%,49%) |
#C48F36 |
rgb(196,143,54) |
hsl(38,57%,49%) |
#36B3C4 |
rgb(54,179,196) |
hsl(187,57%,49%) |
#B3C436 |
rgb(179,196,54) |
hsl(67,57%,49%) |