HEX #366BC3 color — Indigo
The color #366BC3 is a dark shade and moderately saturated.
Palette
366BC3 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 |
#36C2BD |
rgb(54,194,189) |
hsl(178,56%,49%) |
#366BC3 |
rgb(54,107,195) |
hsl(217,57%,49%) |
#5F36C3 |
rgb(95,54,195) |
hsl(257,57%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7196D7 |
rgb(113,150,215) |
hsl(218,56%,64%) |
#5182CF |
rgb(81,130,207) |
hsl(217,57%,56%) |
#366BC3 |
rgb(54,107,195) |
hsl(217,57%,49%) |
#2D59A3 |
rgb(45,89,163) |
hsl(218,57%,41%) |
#244A84 |
rgb(36,74,132) |
hsl(216,57%,33%) |
#1C3865 |
rgb(28,56,101) |
hsl(217,57%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#366BC3 |
rgb(54,107,195) |
hsl(217,57%,49%) |
#C34736 |
rgb(195,71,54) |
hsl(7,57%,49%) |
#B1C236 |
rgb(177,194,54) |
hsl(67,56%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366BC3 |
rgb(54,107,195) |
hsl(217,57%,49%) |
#C38F36 |
rgb(195,143,54) |
hsl(38,57%,49%) |
#36B3C3 |
rgb(54,179,195) |
hsl(187,57%,49%) |
#B1C236 |
rgb(177,194,54) |
hsl(67,56%,49%) |