HEX #396BC0 color — Indigo
The color #396BC0 is a dark shade and moderately saturated.
Palette
396BC0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(218,54%,99%) |
#e7edf8 |
rgb(231,237,248) |
hsl(218,54%,94%) |
#d4dff2 |
rgb(212,223,242) |
hsl(218,54%,89%) |
#c0d0ec |
rgb(192,208,236) |
hsl(218,54%,84%) |
#adc2e6 |
rgb(173,194,230) |
hsl(218,54%,79%) |
#99b3e1 |
rgb(153,179,225) |
hsl(218,54%,74%) |
#85a5db |
rgb(133,165,219) |
hsl(218,54%,69%) |
#7296d5 |
rgb(114,150,213) |
hsl(218,54%,64%) |
#5e87cf |
rgb(94,135,207) |
hsl(218,54%,59%) |
#4a79c9 |
rgb(74,121,201) |
hsl(218,54%,54%) |
#396bc0 |
rgb(57,107,192) |
hsl(218,54%,49%) |
#3460ad |
rgb(52,96,173) |
hsl(218,54%,44%) |
#2e5599 |
rgb(46,85,153) |
hsl(218,54%,39%) |
#284a86 |
rgb(40,74,134) |
hsl(218,54%,34%) |
#223f72 |
rgb(34,63,114) |
hsl(218,54%,29%) |
#1c345e |
rgb(28,52,94) |
hsl(218,54%,24%) |
#16294b |
rgb(22,41,75) |
hsl(218,54%,19%) |
#101f37 |
rgb(16,31,55) |
hsl(218,54%,14%) |
#0b1423 |
rgb(11,20,35) |
hsl(218,54%,9%) |
#050910 |
rgb(5,9,16) |
hsl(218,54%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#39BFBB |
rgb(57,191,187) |
hsl(178,54%,49%) |
#396BC0 |
rgb(57,107,192) |
hsl(218,54%,49%) |
#6138C0 |
rgb(97,56,192) |
hsl(258,55%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7396D5 |
rgb(115,150,213) |
hsl(219,54%,64%) |
#5482CC |
rgb(84,130,204) |
hsl(217,54%,56%) |
#396BC0 |
rgb(57,107,192) |
hsl(218,54%,49%) |
#2F59A1 |
rgb(47,89,161) |
hsl(218,55%,41%) |
#264A82 |
rgb(38,74,130) |
hsl(217,55%,33%) |
#1D3863 |
rgb(29,56,99) |
hsl(217,55%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BC0 |
rgb(57,107,192) |
hsl(218,54%,49%) |
#C04A39 |
rgb(192,74,57) |
hsl(8,54%,49%) |
#AEBF39 |
rgb(174,191,57) |
hsl(68,54%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BC0 |
rgb(57,107,192) |
hsl(218,54%,49%) |
#C08F39 |
rgb(192,143,57) |
hsl(38,54%,49%) |
#39ADC0 |
rgb(57,173,192) |
hsl(188,54%,49%) |
#AEBF39 |
rgb(174,191,57) |
hsl(68,54%,49%) |