HEX #2878B4 color — Mariner
The color #2878B4 is a dark shade and moderately saturated.
Palette
2878B4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(206,64%,98%) |
#e2eff9 |
rgb(226,239,249) |
hsl(206,64%,93%) |
#cde3f4 |
rgb(205,227,244) |
hsl(206,64%,88%) |
#b8d7ef |
rgb(184,215,239) |
hsl(206,64%,83%) |
#a3cceb |
rgb(163,204,235) |
hsl(206,64%,78%) |
#8ec0e6 |
rgb(142,192,230) |
hsl(206,64%,73%) |
#79b4e2 |
rgb(121,180,226) |
hsl(206,64%,68%) |
#64a9dd |
rgb(100,169,221) |
hsl(206,64%,63%) |
#4f9dd8 |
rgb(79,157,216) |
hsl(206,64%,58%) |
#3a91d4 |
rgb(58,145,212) |
hsl(206,64%,53%) |
#2c85c9 |
rgb(44,133,201) |
hsl(206,64%,48%) |
#2777b4 |
rgb(39,119,180) |
hsl(206,64%,43%) |
#23699f |
rgb(35,105,159) |
hsl(206,64%,38%) |
#1e5b8a |
rgb(30,91,138) |
hsl(206,64%,33%) |
#1a4d75 |
rgb(26,77,117) |
hsl(206,64%,28%) |
#154060 |
rgb(21,64,96) |
hsl(206,64%,23%) |
#11324b |
rgb(17,50,75) |
hsl(206,64%,18%) |
#0c2436 |
rgb(12,36,54) |
hsl(206,64%,13%) |
#071621 |
rgb(7,22,33) |
hsl(206,64%,8%) |
#03080d |
rgb(3,8,13) |
hsl(206,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#28B592 |
rgb(40,181,146) |
hsl(165,64%,43%) |
#2878B4 |
rgb(40,120,180) |
hsl(206,64%,43%) |
#3529B4 |
rgb(53,41,180) |
hsl(245,63%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B9CD7 |
rgb(75,156,215) |
hsl(205,64%,57%) |
#2E8CD0 |
rgb(46,140,208) |
hsl(205,64%,50%) |
#2878B4 |
rgb(40,120,180) |
hsl(206,64%,43%) |
#216697 |
rgb(33,102,151) |
hsl(205,64%,36%) |
#1B527A |
rgb(27,82,122) |
hsl(205,64%,29%) |
#143D5D |
rgb(20,61,93) |
hsl(206,65%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2878B4 |
rgb(40,120,180) |
hsl(206,64%,43%) |
#B42932 |
rgb(180,41,50) |
hsl(356,63%,43%) |
#B4AB28 |
rgb(180,171,40) |
hsl(56,64%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2878B4 |
rgb(40,120,180) |
hsl(206,64%,43%) |
#B46328 |
rgb(180,99,40) |
hsl(25,64%,43%) |
#28B5AA |
rgb(40,181,170) |
hsl(175,64%,43%) |
#B4AB28 |
rgb(180,171,40) |
hsl(56,64%,43%) |