HEX #366EC2 color — Indigo
The color #366EC2 is a dark shade and moderately saturated.
Palette
366EC2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(216,56%,99%) |
#e7eef8 |
rgb(231,238,248) |
hsl(216,56%,94%) |
#d3e0f3 |
rgb(211,224,243) |
hsl(216,56%,89%) |
#bfd2ed |
rgb(191,210,237) |
hsl(216,56%,84%) |
#abc3e7 |
rgb(171,195,231) |
hsl(216,56%,79%) |
#98b5e2 |
rgb(152,181,226) |
hsl(216,56%,74%) |
#84a7dc |
rgb(132,167,220) |
hsl(216,56%,69%) |
#7099d7 |
rgb(112,153,215) |
hsl(216,56%,64%) |
#5c8bd1 |
rgb(92,139,209) |
hsl(216,56%,59%) |
#487dcb |
rgb(72,125,203) |
hsl(216,56%,54%) |
#376fc3 |
rgb(55,111,195) |
hsl(216,56%,49%) |
#3164af |
rgb(49,100,175) |
hsl(216,56%,44%) |
#2c589b |
rgb(44,88,155) |
hsl(216,56%,39%) |
#264d87 |
rgb(38,77,135) |
hsl(216,56%,34%) |
#214273 |
rgb(33,66,115) |
hsl(216,56%,29%) |
#1b365f |
rgb(27,54,95) |
hsl(216,56%,24%) |
#152b4c |
rgb(21,43,76) |
hsl(216,56%,19%) |
#102038 |
rgb(16,32,56) |
hsl(216,56%,14%) |
#0a1424 |
rgb(10,20,36) |
hsl(216,56%,9%) |
#040910 |
rgb(4,9,16) |
hsl(216,56%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#36C2B8 |
rgb(54,194,184) |
hsl(176,56%,49%) |
#366EC2 |
rgb(54,110,194) |
hsl(216,56%,49%) |
#5B36C2 |
rgb(91,54,194) |
hsl(256,56%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7099D7 |
rgb(112,153,215) |
hsl(216,56%,64%) |
#5182CE |
rgb(81,130,206) |
hsl(216,56%,56%) |
#366EC2 |
rgb(54,110,194) |
hsl(216,56%,49%) |
#2D5CA2 |
rgb(45,92,162) |
hsl(216,57%,41%) |
#244A83 |
rgb(36,74,131) |
hsl(216,57%,33%) |
#1C3864 |
rgb(28,56,100) |
hsl(217,56%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#366EC2 |
rgb(54,110,194) |
hsl(216,56%,49%) |
#C24536 |
rgb(194,69,54) |
hsl(6,56%,49%) |
#B4C236 |
rgb(180,194,54) |
hsl(66,56%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366EC2 |
rgb(54,110,194) |
hsl(216,56%,49%) |
#C28A36 |
rgb(194,138,54) |
hsl(36,56%,49%) |
#36B5C2 |
rgb(54,181,194) |
hsl(186,56%,49%) |
#B4C236 |
rgb(180,194,54) |
hsl(66,56%,49%) |