HEX #3A6BB9 color — Indigo
The color #3A6BB9 is a dark shade and moderately saturated.
Palette
3A6BB9 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 |
#3ABAB2 |
rgb(58,186,178) |
hsl(176,52%,48%) |
#3A6BB9 |
rgb(58,107,185) |
hsl(217,52%,48%) |
#5D3BB9 |
rgb(93,59,185) |
hsl(256,52%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6E94D1 |
rgb(110,148,209) |
hsl(217,52%,63%) |
#5180C8 |
rgb(81,128,200) |
hsl(216,52%,55%) |
#3A6BB9 |
rgb(58,107,185) |
hsl(217,52%,48%) |
#30599B |
rgb(48,89,155) |
hsl(217,53%,40%) |
#274A7D |
rgb(39,74,125) |
hsl(216,52%,32%) |
#1E3860 |
rgb(30,56,96) |
hsl(216,52%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6BB9 |
rgb(58,107,185) |
hsl(217,52%,48%) |
#B9473A |
rgb(185,71,58) |
hsl(6,52%,48%) |
#AABA3A |
rgb(170,186,58) |
hsl(68,52%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6BB9 |
rgb(58,107,185) |
hsl(217,52%,48%) |
#B9873A |
rgb(185,135,58) |
hsl(36,52%,48%) |
#3AABB9 |
rgb(58,171,185) |
hsl(187,52%,48%) |
#AABA3A |
rgb(170,186,58) |
hsl(68,52%,48%) |