HEX #3B70BA color — Indigo
The color #3B70BA is a dark shade and moderately saturated.
Palette
3B70BA color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(215,52%,98%) |
#e4ecf6 |
rgb(228,236,246) |
hsl(215,52%,93%) |
#d0def0 |
rgb(208,222,240) |
hsl(215,52%,88%) |
#bdd0ea |
rgb(189,208,234) |
hsl(215,52%,83%) |
#aac2e4 |
rgb(170,194,228) |
hsl(215,52%,78%) |
#96b4de |
rgb(150,180,222) |
hsl(215,52%,73%) |
#83a6d8 |
rgb(131,166,216) |
hsl(215,52%,68%) |
#7098d2 |
rgb(112,152,210) |
hsl(215,52%,63%) |
#5c8bcc |
rgb(92,139,204) |
hsl(215,52%,58%) |
#497dc5 |
rgb(73,125,197) |
hsl(215,52%,53%) |
#3b70ba |
rgb(59,112,186) |
hsl(215,52%,48%) |
#3564a7 |
rgb(53,100,167) |
hsl(215,52%,43%) |
#2f5993 |
rgb(47,89,147) |
hsl(215,52%,38%) |
#284d80 |
rgb(40,77,128) |
hsl(215,52%,33%) |
#22416d |
rgb(34,65,109) |
hsl(215,52%,28%) |
#1c3659 |
rgb(28,54,89) |
hsl(215,52%,23%) |
#162a46 |
rgb(22,42,70) |
hsl(215,52%,18%) |
#101e32 |
rgb(16,30,50) |
hsl(215,52%,13%) |
#0a131f |
rgb(10,19,31) |
hsl(215,52%,8%) |
#04070c |
rgb(4,7,12) |
hsl(215,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BBAAF |
rgb(59,186,175) |
hsl(175,52%,48%) |
#3B70BA |
rgb(59,112,186) |
hsl(215,52%,48%) |
#5A3BBA |
rgb(90,59,186) |
hsl(255,52%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7199D2 |
rgb(113,153,210) |
hsl(215,52%,63%) |
#5385C8 |
rgb(83,133,200) |
hsl(214,52%,55%) |
#3B70BA |
rgb(59,112,186) |
hsl(215,52%,48%) |
#315E9C |
rgb(49,94,156) |
hsl(215,52%,40%) |
#284D7E |
rgb(40,77,126) |
hsl(214,52%,33%) |
#1E3B60 |
rgb(30,59,96) |
hsl(214,52%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B70BA |
rgb(59,112,186) |
hsl(215,52%,48%) |
#BA453B |
rgb(186,69,59) |
hsl(5,52%,48%) |
#AFBA3B |
rgb(175,186,59) |
hsl(65,52%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B70BA |
rgb(59,112,186) |
hsl(215,52%,48%) |
#BA853B |
rgb(186,133,59) |
hsl(35,52%,48%) |
#3BB0BA |
rgb(59,176,186) |
hsl(185,52%,48%) |
#AFBA3B |
rgb(175,186,59) |
hsl(65,52%,48%) |