HEX #3A70B9 color — Indigo
The color #3A70B9 is a dark shade and moderately saturated.
Palette
3A70B9 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(214,52%,98%) |
#e4ecf6 |
rgb(228,236,246) |
hsl(214,52%,93%) |
#d0def0 |
rgb(208,222,240) |
hsl(214,52%,88%) |
#bdd1ea |
rgb(189,209,234) |
hsl(214,52%,83%) |
#aac3e4 |
rgb(170,195,228) |
hsl(214,52%,78%) |
#96b5de |
rgb(150,181,222) |
hsl(214,52%,73%) |
#83a8d8 |
rgb(131,168,216) |
hsl(214,52%,68%) |
#709ad2 |
rgb(112,154,210) |
hsl(214,52%,63%) |
#5c8ccc |
rgb(92,140,204) |
hsl(214,52%,58%) |
#497fc5 |
rgb(73,127,197) |
hsl(214,52%,53%) |
#3b72ba |
rgb(59,114,186) |
hsl(214,52%,48%) |
#3566a7 |
rgb(53,102,167) |
hsl(214,52%,43%) |
#2f5a93 |
rgb(47,90,147) |
hsl(214,52%,38%) |
#284e80 |
rgb(40,78,128) |
hsl(214,52%,33%) |
#22426d |
rgb(34,66,109) |
hsl(214,52%,28%) |
#1c3759 |
rgb(28,55,89) |
hsl(214,52%,23%) |
#162b46 |
rgb(22,43,70) |
hsl(214,52%,18%) |
#101f32 |
rgb(16,31,50) |
hsl(214,52%,13%) |
#0a131f |
rgb(10,19,31) |
hsl(214,52%,8%) |
#04070c |
rgb(4,7,12) |
hsl(214,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABAAD |
rgb(58,186,173) |
hsl(174,52%,48%) |
#3A70B9 |
rgb(58,112,185) |
hsl(214,52%,48%) |
#583BB9 |
rgb(88,59,185) |
hsl(254,52%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6E99D1 |
rgb(110,153,209) |
hsl(214,52%,63%) |
#5185C8 |
rgb(81,133,200) |
hsl(214,52%,55%) |
#3A70B9 |
rgb(58,112,185) |
hsl(214,52%,48%) |
#305E9B |
rgb(48,94,155) |
hsl(214,53%,40%) |
#274D7D |
rgb(39,77,125) |
hsl(213,52%,32%) |
#1E3B60 |
rgb(30,59,96) |
hsl(214,52%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A70B9 |
rgb(58,112,185) |
hsl(214,52%,48%) |
#B9423A |
rgb(185,66,58) |
hsl(4,52%,48%) |
#AFBA3A |
rgb(175,186,58) |
hsl(65,52%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A70B9 |
rgb(58,112,185) |
hsl(214,52%,48%) |
#B9823A |
rgb(185,130,58) |
hsl(34,52%,48%) |
#3AB0B9 |
rgb(58,176,185) |
hsl(184,52%,48%) |
#AFBA3A |
rgb(175,186,58) |
hsl(65,52%,48%) |