HEX #2870B4 color — Mariner
The color #2870B4 is a dark shade and moderately saturated.
Palette
2870B4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(209,64%,98%) |
#e2eef9 |
rgb(226,238,249) |
hsl(209,64%,93%) |
#cde1f4 |
rgb(205,225,244) |
hsl(209,64%,88%) |
#b8d5ef |
rgb(184,213,239) |
hsl(209,64%,83%) |
#a3c8eb |
rgb(163,200,235) |
hsl(209,64%,78%) |
#8ebce6 |
rgb(142,188,230) |
hsl(209,64%,73%) |
#79afe2 |
rgb(121,175,226) |
hsl(209,64%,68%) |
#64a3dd |
rgb(100,163,221) |
hsl(209,64%,63%) |
#4f96d8 |
rgb(79,150,216) |
hsl(209,64%,58%) |
#3a8ad4 |
rgb(58,138,212) |
hsl(209,64%,53%) |
#2c7dc9 |
rgb(44,125,201) |
hsl(209,64%,48%) |
#2770b4 |
rgb(39,112,180) |
hsl(209,64%,43%) |
#23639f |
rgb(35,99,159) |
hsl(209,64%,38%) |
#1e568a |
rgb(30,86,138) |
hsl(209,64%,33%) |
#1a4975 |
rgb(26,73,117) |
hsl(209,64%,28%) |
#153c60 |
rgb(21,60,96) |
hsl(209,64%,23%) |
#112f4b |
rgb(17,47,75) |
hsl(209,64%,18%) |
#0c2236 |
rgb(12,34,54) |
hsl(209,64%,13%) |
#071521 |
rgb(7,21,33) |
hsl(209,64%,8%) |
#03080d |
rgb(3,8,13) |
hsl(209,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#28B59A |
rgb(40,181,154) |
hsl(169,64%,43%) |
#2870B4 |
rgb(40,112,180) |
hsl(209,64%,43%) |
#3D29B4 |
rgb(61,41,180) |
hsl(249,63%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B94D7 |
rgb(75,148,215) |
hsl(209,64%,57%) |
#2E82D0 |
rgb(46,130,208) |
hsl(209,64%,50%) |
#2870B4 |
rgb(40,112,180) |
hsl(209,64%,43%) |
#215E97 |
rgb(33,94,151) |
hsl(209,64%,36%) |
#1B4D7A |
rgb(27,77,122) |
hsl(208,64%,29%) |
#143B5D |
rgb(20,59,93) |
hsl(208,65%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2870B4 |
rgb(40,112,180) |
hsl(209,64%,43%) |
#B4292A |
rgb(180,41,42) |
hsl(360,63%,43%) |
#B4B328 |
rgb(180,179,40) |
hsl(60,64%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2870B4 |
rgb(40,112,180) |
hsl(209,64%,43%) |
#B46B28 |
rgb(180,107,40) |
hsl(29,64%,43%) |
#28B5B2 |
rgb(40,181,178) |
hsl(179,64%,43%) |
#B4B328 |
rgb(180,179,40) |
hsl(60,64%,43%) |