HEX #3A6EBB color — Indigo
The color #3A6EBB is a dark shade and moderately saturated.
Palette
3A6EBB color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(216,53%,98%) |
#e4ebf7 |
rgb(228,235,247) |
hsl(216,53%,93%) |
#d0ddf1 |
rgb(208,221,241) |
hsl(216,53%,88%) |
#bdcfeb |
rgb(189,207,235) |
hsl(216,53%,83%) |
#a9c1e5 |
rgb(169,193,229) |
hsl(216,53%,78%) |
#96b3df |
rgb(150,179,223) |
hsl(216,53%,73%) |
#82a5d9 |
rgb(130,165,217) |
hsl(216,53%,68%) |
#6f97d3 |
rgb(111,151,211) |
hsl(216,53%,63%) |
#5b89cd |
rgb(91,137,205) |
hsl(216,53%,58%) |
#487ac7 |
rgb(72,122,199) |
hsl(216,53%,53%) |
#3a6dbb |
rgb(58,109,187) |
hsl(216,53%,48%) |
#3462a8 |
rgb(52,98,168) |
hsl(216,53%,43%) |
#2e5794 |
rgb(46,87,148) |
hsl(216,53%,38%) |
#284b81 |
rgb(40,75,129) |
hsl(216,53%,33%) |
#22406d |
rgb(34,64,109) |
hsl(216,53%,28%) |
#1c345a |
rgb(28,52,90) |
hsl(216,53%,23%) |
#162946 |
rgb(22,41,70) |
hsl(216,53%,18%) |
#101e33 |
rgb(16,30,51) |
hsl(216,53%,13%) |
#0a121f |
rgb(10,18,31) |
hsl(216,53%,8%) |
#04070c |
rgb(4,7,12) |
hsl(216,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABAB2 |
rgb(58,186,178) |
hsl(176,52%,48%) |
#3A6EBB |
rgb(58,110,187) |
hsl(216,53%,48%) |
#5C3BBB |
rgb(92,59,187) |
hsl(255,52%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7099D2 |
rgb(112,153,210) |
hsl(215,52%,63%) |
#5282C9 |
rgb(82,130,201) |
hsl(216,52%,55%) |
#3A6EBB |
rgb(58,110,187) |
hsl(216,53%,48%) |
#305C9D |
rgb(48,92,157) |
hsl(216,53%,40%) |
#274A7F |
rgb(39,74,127) |
hsl(216,53%,33%) |
#1E3861 |
rgb(30,56,97) |
hsl(217,53%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6EBB |
rgb(58,110,187) |
hsl(216,53%,48%) |
#BB473A |
rgb(187,71,58) |
hsl(6,53%,48%) |
#AEBA3A |
rgb(174,186,58) |
hsl(66,52%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6EBB |
rgb(58,110,187) |
hsl(216,53%,48%) |
#BB873A |
rgb(187,135,58) |
hsl(36,53%,48%) |
#3AADBB |
rgb(58,173,187) |
hsl(187,53%,48%) |
#AEBA3A |
rgb(174,186,58) |
hsl(66,52%,48%) |