HEX #3A70BB color — Indigo
The color #3a70bb is a dark shade and moderately saturated.
Palette
3a70bb color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(215,53%,98%) |
#e4ecf7 |
rgb(228,236,247) |
hsl(215,53%,93%) |
#d0def1 |
rgb(208,222,241) |
hsl(215,53%,88%) |
#bdd0eb |
rgb(189,208,235) |
hsl(215,53%,83%) |
#a9c2e5 |
rgb(169,194,229) |
hsl(215,53%,78%) |
#96b4df |
rgb(150,180,223) |
hsl(215,53%,73%) |
#82a6d9 |
rgb(130,166,217) |
hsl(215,53%,68%) |
#6f98d3 |
rgb(111,152,211) |
hsl(215,53%,63%) |
#5b8acd |
rgb(91,138,205) |
hsl(215,53%,58%) |
#487dc7 |
rgb(72,125,199) |
hsl(215,53%,53%) |
#3a70bb |
rgb(58,112,187) |
hsl(215,53%,48%) |
#3464a8 |
rgb(52,100,168) |
hsl(215,53%,43%) |
#2e5894 |
rgb(46,88,148) |
hsl(215,53%,38%) |
#284d81 |
rgb(40,77,129) |
hsl(215,53%,33%) |
#22416d |
rgb(34,65,109) |
hsl(215,53%,28%) |
#1c355a |
rgb(28,53,90) |
hsl(215,53%,23%) |
#162a46 |
rgb(22,42,70) |
hsl(215,53%,18%) |
#101e33 |
rgb(16,30,51) |
hsl(215,53%,13%) |
#0a131f |
rgb(10,19,31) |
hsl(215,53%,8%) |
#04070c |
rgb(4,7,12) |
hsl(215,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABAB0 |
rgb(58,186,176) |
hsl(175,52%,48%) |
#3A70BB |
rgb(58,112,187) |
hsl(215,53%,48%) |
#5A3BBB |
rgb(90,59,187) |
hsl(255,52%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7099D2 |
rgb(112,153,210) |
hsl(215,52%,63%) |
#5285C9 |
rgb(82,133,201) |
hsl(214,52%,55%) |
#3A70BB |
rgb(58,112,187) |
hsl(215,53%,48%) |
#305E9D |
rgb(48,94,157) |
hsl(215,53%,40%) |
#274D7F |
rgb(39,77,127) |
hsl(214,53%,33%) |
#1E3B61 |
rgb(30,59,97) |
hsl(214,53%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A70BB |
rgb(58,112,187) |
hsl(215,53%,48%) |
#BB453A |
rgb(187,69,58) |
hsl(5,53%,48%) |
#B0BA3A |
rgb(176,186,58) |
hsl(65,52%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A70BB |
rgb(58,112,187) |
hsl(215,53%,48%) |
#BB853A |
rgb(187,133,58) |
hsl(35,53%,48%) |
#3AB0BB |
rgb(58,176,187) |
hsl(185,53%,48%) |
#B0BA3A |
rgb(176,186,58) |
hsl(65,52%,48%) |