HEX #3B6CBA color — Indigo
The color #3b6cba is a dark shade and moderately saturated.
Palette
3b6cba color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(217,52%,98%) |
#e4ebf6 |
rgb(228,235,246) |
hsl(217,52%,93%) |
#d0ddf0 |
rgb(208,221,240) |
hsl(217,52%,88%) |
#bdceea |
rgb(189,206,234) |
hsl(217,52%,83%) |
#aac0e4 |
rgb(170,192,228) |
hsl(217,52%,78%) |
#96b2de |
rgb(150,178,222) |
hsl(217,52%,73%) |
#83a3d8 |
rgb(131,163,216) |
hsl(217,52%,68%) |
#7095d2 |
rgb(112,149,210) |
hsl(217,52%,63%) |
#5c87cc |
rgb(92,135,204) |
hsl(217,52%,58%) |
#4979c5 |
rgb(73,121,197) |
hsl(217,52%,53%) |
#3b6cba |
rgb(59,108,186) |
hsl(217,52%,48%) |
#3560a7 |
rgb(53,96,167) |
hsl(217,52%,43%) |
#2f5593 |
rgb(47,85,147) |
hsl(217,52%,38%) |
#284a80 |
rgb(40,74,128) |
hsl(217,52%,33%) |
#223f6d |
rgb(34,63,109) |
hsl(217,52%,28%) |
#1c3459 |
rgb(28,52,89) |
hsl(217,52%,23%) |
#162846 |
rgb(22,40,70) |
hsl(217,52%,18%) |
#101d32 |
rgb(16,29,50) |
hsl(217,52%,13%) |
#0a121f |
rgb(10,18,31) |
hsl(217,52%,8%) |
#04070c |
rgb(4,7,12) |
hsl(217,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BBAB3 |
rgb(59,186,179) |
hsl(177,52%,48%) |
#3B6CBA |
rgb(59,108,186) |
hsl(217,52%,48%) |
#5E3BBA |
rgb(94,59,186) |
hsl(257,52%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7196D2 |
rgb(113,150,210) |
hsl(217,52%,63%) |
#5380C8 |
rgb(83,128,200) |
hsl(217,52%,55%) |
#3B6CBA |
rgb(59,108,186) |
hsl(217,52%,48%) |
#315C9C |
rgb(49,92,156) |
hsl(216,52%,40%) |
#284A7E |
rgb(40,74,126) |
hsl(216,52%,33%) |
#1E3860 |
rgb(30,56,96) |
hsl(216,52%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B6CBA |
rgb(59,108,186) |
hsl(217,52%,48%) |
#BA4A3B |
rgb(186,74,59) |
hsl(7,52%,48%) |
#ABBA3B |
rgb(171,186,59) |
hsl(67,52%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B6CBA |
rgb(59,108,186) |
hsl(217,52%,48%) |
#BA8A3B |
rgb(186,138,59) |
hsl(37,52%,48%) |
#3BABBA |
rgb(59,171,186) |
hsl(187,52%,48%) |
#ABBA3B |
rgb(171,186,59) |
hsl(67,52%,48%) |