HEX #2870B3 color — Mariner
The color #2870B3 is a dark shade and moderately saturated.
Palette
2870B3 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 |
#28B399 |
rgb(40,179,153) |
hsl(169,63%,43%) |
#2870B3 |
rgb(40,112,179) |
hsl(209,63%,43%) |
#3C29B3 |
rgb(60,41,179) |
hsl(248,63%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A94D6 |
rgb(74,148,214) |
hsl(208,63%,56%) |
#2E82CF |
rgb(46,130,207) |
hsl(209,64%,50%) |
#2870B3 |
rgb(40,112,179) |
hsl(209,63%,43%) |
#215E96 |
rgb(33,94,150) |
hsl(209,64%,36%) |
#1B4D79 |
rgb(27,77,121) |
hsl(208,64%,29%) |
#143B5D |
rgb(20,59,93) |
hsl(208,65%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2870B3 |
rgb(40,112,179) |
hsl(209,63%,43%) |
#B3292A |
rgb(179,41,42) |
hsl(360,63%,43%) |
#B3B028 |
rgb(179,176,40) |
hsl(59,63%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2870B3 |
rgb(40,112,179) |
hsl(209,63%,43%) |
#B36B28 |
rgb(179,107,40) |
hsl(29,63%,43%) |
#28B3B0 |
rgb(40,179,176) |
hsl(179,63%,43%) |
#B3B028 |
rgb(179,176,40) |
hsl(59,63%,43%) |