HEX #396FC0 color — Indigo
The color #396fc0 is a dark shade and moderately saturated.
Palette
396fc0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(216,54%,99%) |
#e7eef8 |
rgb(231,238,248) |
hsl(216,54%,94%) |
#d4e0f2 |
rgb(212,224,242) |
hsl(216,54%,89%) |
#c0d2ec |
rgb(192,210,236) |
hsl(216,54%,84%) |
#adc4e6 |
rgb(173,196,230) |
hsl(216,54%,79%) |
#99b6e1 |
rgb(153,182,225) |
hsl(216,54%,74%) |
#85a7db |
rgb(133,167,219) |
hsl(216,54%,69%) |
#7299d5 |
rgb(114,153,213) |
hsl(216,54%,64%) |
#5e8bcf |
rgb(94,139,207) |
hsl(216,54%,59%) |
#4a7dc9 |
rgb(74,125,201) |
hsl(216,54%,54%) |
#396fc0 |
rgb(57,111,192) |
hsl(216,54%,49%) |
#3464ad |
rgb(52,100,173) |
hsl(216,54%,44%) |
#2e5999 |
rgb(46,89,153) |
hsl(216,54%,39%) |
#284d86 |
rgb(40,77,134) |
hsl(216,54%,34%) |
#224272 |
rgb(34,66,114) |
hsl(216,54%,29%) |
#1c375e |
rgb(28,55,94) |
hsl(216,54%,24%) |
#162b4b |
rgb(22,43,75) |
hsl(216,54%,19%) |
#102037 |
rgb(16,32,55) |
hsl(216,54%,14%) |
#0b1423 |
rgb(11,20,35) |
hsl(216,54%,9%) |
#050910 |
rgb(5,9,16) |
hsl(216,54%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#39BFB7 |
rgb(57,191,183) |
hsl(176,54%,49%) |
#396FC0 |
rgb(57,111,192) |
hsl(216,54%,49%) |
#5D38C0 |
rgb(93,56,192) |
hsl(256,55%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#739CD5 |
rgb(115,156,213) |
hsl(215,54%,64%) |
#5485CC |
rgb(84,133,204) |
hsl(216,54%,56%) |
#396FC0 |
rgb(57,111,192) |
hsl(216,54%,49%) |
#2F5EA1 |
rgb(47,94,161) |
hsl(215,55%,41%) |
#264D82 |
rgb(38,77,130) |
hsl(215,55%,33%) |
#1D3B63 |
rgb(29,59,99) |
hsl(214,55%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#396FC0 |
rgb(57,111,192) |
hsl(216,54%,49%) |
#C04739 |
rgb(192,71,57) |
hsl(6,54%,49%) |
#B2BF39 |
rgb(178,191,57) |
hsl(66,54%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396FC0 |
rgb(57,111,192) |
hsl(216,54%,49%) |
#C08A39 |
rgb(192,138,57) |
hsl(36,54%,49%) |
#39B3C0 |
rgb(57,179,192) |
hsl(186,54%,49%) |
#B2BF39 |
rgb(178,191,57) |
hsl(66,54%,49%) |