HEX #2970B4 color — Mariner
The color #2970B4 is a dark shade and moderately saturated.
Palette
2970B4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(209,63%,98%) |
#e2eef8 |
rgb(226,238,248) |
hsl(209,63%,93%) |
#cde1f4 |
rgb(205,225,244) |
hsl(209,63%,88%) |
#b8d5ef |
rgb(184,213,239) |
hsl(209,63%,83%) |
#a4c8ea |
rgb(164,200,234) |
hsl(209,63%,78%) |
#8fbce6 |
rgb(143,188,230) |
hsl(209,63%,73%) |
#7aafe1 |
rgb(122,175,225) |
hsl(209,63%,68%) |
#65a3dc |
rgb(101,163,220) |
hsl(209,63%,63%) |
#5096d7 |
rgb(80,150,215) |
hsl(209,63%,58%) |
#3c8ad3 |
rgb(60,138,211) |
hsl(209,63%,53%) |
#2d7dc8 |
rgb(45,125,200) |
hsl(209,63%,48%) |
#2970b3 |
rgb(41,112,179) |
hsl(209,63%,43%) |
#24639e |
rgb(36,99,158) |
hsl(209,63%,38%) |
#1f5689 |
rgb(31,86,137) |
hsl(209,63%,33%) |
#1a4974 |
rgb(26,73,116) |
hsl(209,63%,28%) |
#163c60 |
rgb(22,60,96) |
hsl(209,63%,23%) |
#112f4b |
rgb(17,47,75) |
hsl(209,63%,18%) |
#0c2236 |
rgb(12,34,54) |
hsl(209,63%,13%) |
#081521 |
rgb(8,21,33) |
hsl(209,63%,8%) |
#03080c |
rgb(3,8,12) |
hsl(209,63%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#29B59B |
rgb(41,181,155) |
hsl(169,63%,44%) |
#2970B4 |
rgb(41,112,180) |
hsl(209,63%,43%) |
#3E29B4 |
rgb(62,41,180) |
hsl(249,63%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D94D6 |
rgb(77,148,214) |
hsl(209,63%,57%) |
#3082CF |
rgb(48,130,207) |
hsl(209,62%,50%) |
#2970B4 |
rgb(41,112,180) |
hsl(209,63%,43%) |
#225E97 |
rgb(34,94,151) |
hsl(209,63%,36%) |
#1B4D7A |
rgb(27,77,122) |
hsl(208,64%,29%) |
#153B5D |
rgb(21,59,93) |
hsl(208,63%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2970B4 |
rgb(41,112,180) |
hsl(209,63%,43%) |
#B4292A |
rgb(180,41,42) |
hsl(360,63%,43%) |
#B4B329 |
rgb(180,179,41) |
hsl(60,63%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2970B4 |
rgb(41,112,180) |
hsl(209,63%,43%) |
#B46E29 |
rgb(180,110,41) |
hsl(30,63%,43%) |
#29B5B2 |
rgb(41,181,178) |
hsl(179,63%,44%) |
#B4B329 |
rgb(180,179,41) |
hsl(60,63%,43%) |