HEX #2870B5 color — Mariner
The color #2870B5 is a dark shade and moderately saturated.
Palette
2870B5 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 |
#28B59C |
rgb(40,181,156) |
hsl(169,64%,43%) |
#2870B5 |
rgb(40,112,181) |
hsl(209,64%,43%) |
#3E29B5 |
rgb(62,41,181) |
hsl(249,63%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4C94D7 |
rgb(76,148,215) |
hsl(209,63%,57%) |
#2F82D1 |
rgb(47,130,209) |
hsl(209,64%,50%) |
#2870B5 |
rgb(40,112,181) |
hsl(209,64%,43%) |
#215E98 |
rgb(33,94,152) |
hsl(209,64%,36%) |
#1B4D7B |
rgb(27,77,123) |
hsl(209,64%,29%) |
#143B5E |
rgb(20,59,94) |
hsl(208,65%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2870B5 |
rgb(40,112,181) |
hsl(209,64%,43%) |
#B52929 |
rgb(181,41,41) |
hsl(360,63%,44%) |
#B5B328 |
rgb(181,179,40) |
hsl(59,64%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2870B5 |
rgb(40,112,181) |
hsl(209,64%,43%) |
#B56E28 |
rgb(181,110,40) |
hsl(30,64%,43%) |
#28B5B3 |
rgb(40,181,179) |
hsl(179,64%,43%) |
#B5B328 |
rgb(181,179,40) |
hsl(59,64%,43%) |