HEX #2770B6 color — Mariner
The color #2770B6 is a dark shade and moderately saturated.
Palette
2770B6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(209,65%,98%) |
#e2eef9 |
rgb(226,238,249) |
hsl(209,65%,93%) |
#cde1f4 |
rgb(205,225,244) |
hsl(209,65%,88%) |
#b7d5f0 |
rgb(183,213,240) |
hsl(209,65%,83%) |
#a2c8eb |
rgb(162,200,235) |
hsl(209,65%,78%) |
#8dbce7 |
rgb(141,188,231) |
hsl(209,65%,73%) |
#78afe2 |
rgb(120,175,226) |
hsl(209,65%,68%) |
#63a3de |
rgb(99,163,222) |
hsl(209,65%,63%) |
#4e96da |
rgb(78,150,218) |
hsl(209,65%,58%) |
#398ad5 |
rgb(57,138,213) |
hsl(209,65%,53%) |
#2b7dca |
rgb(43,125,202) |
hsl(209,65%,48%) |
#2670b5 |
rgb(38,112,181) |
hsl(209,65%,43%) |
#2263a0 |
rgb(34,99,160) |
hsl(209,65%,38%) |
#1d568b |
rgb(29,86,139) |
hsl(209,65%,33%) |
#194976 |
rgb(25,73,118) |
hsl(209,65%,28%) |
#153c61 |
rgb(21,60,97) |
hsl(209,65%,23%) |
#102f4c |
rgb(16,47,76) |
hsl(209,65%,18%) |
#0c2237 |
rgb(12,34,55) |
hsl(209,65%,13%) |
#071522 |
rgb(7,21,34) |
hsl(209,65%,8%) |
#03080d |
rgb(3,8,13) |
hsl(209,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#27B59C |
rgb(39,181,156) |
hsl(169,65%,43%) |
#2770B6 |
rgb(39,112,182) |
hsl(209,65%,43%) |
#3D26B6 |
rgb(61,38,182) |
hsl(250,65%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B94D8 |
rgb(75,148,216) |
hsl(209,64%,57%) |
#2E82D2 |
rgb(46,130,210) |
hsl(209,65%,50%) |
#2770B6 |
rgb(39,112,182) |
hsl(209,65%,43%) |
#205E98 |
rgb(32,94,152) |
hsl(209,65%,36%) |
#1A4D7B |
rgb(26,77,123) |
hsl(208,65%,29%) |
#143B5E |
rgb(20,59,94) |
hsl(208,65%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2770B6 |
rgb(39,112,182) |
hsl(209,65%,43%) |
#B62628 |
rgb(182,38,40) |
hsl(359,65%,43%) |
#B6B527 |
rgb(182,181,39) |
hsl(60,65%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2770B6 |
rgb(39,112,182) |
hsl(209,65%,43%) |
#B66E27 |
rgb(182,110,39) |
hsl(30,65%,43%) |
#27B5B4 |
rgb(39,181,180) |
hsl(180,65%,43%) |
#B6B527 |
rgb(182,181,39) |
hsl(60,65%,43%) |