HEX #2778B6 color — Mariner
The color #2778B6 is a dark shade and moderately saturated.
Palette
2778B6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(206,65%,98%) |
#e2eff9 |
rgb(226,239,249) |
hsl(206,65%,93%) |
#cde3f4 |
rgb(205,227,244) |
hsl(206,65%,88%) |
#b7d7f0 |
rgb(183,215,240) |
hsl(206,65%,83%) |
#a2cceb |
rgb(162,204,235) |
hsl(206,65%,78%) |
#8dc0e7 |
rgb(141,192,231) |
hsl(206,65%,73%) |
#78b4e2 |
rgb(120,180,226) |
hsl(206,65%,68%) |
#63a9de |
rgb(99,169,222) |
hsl(206,65%,63%) |
#4e9dda |
rgb(78,157,218) |
hsl(206,65%,58%) |
#3992d5 |
rgb(57,146,213) |
hsl(206,65%,53%) |
#2b85ca |
rgb(43,133,202) |
hsl(206,65%,48%) |
#2677b5 |
rgb(38,119,181) |
hsl(206,65%,43%) |
#2269a0 |
rgb(34,105,160) |
hsl(206,65%,38%) |
#1d5b8b |
rgb(29,91,139) |
hsl(206,65%,33%) |
#194e76 |
rgb(25,78,118) |
hsl(206,65%,28%) |
#154061 |
rgb(21,64,97) |
hsl(206,65%,23%) |
#10324c |
rgb(16,50,76) |
hsl(206,65%,18%) |
#0c2437 |
rgb(12,36,55) |
hsl(206,65%,13%) |
#071622 |
rgb(7,22,34) |
hsl(206,65%,8%) |
#03080d |
rgb(3,8,13) |
hsl(206,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#27B594 |
rgb(39,181,148) |
hsl(166,65%,43%) |
#2778B6 |
rgb(39,120,182) |
hsl(206,65%,43%) |
#3526B6 |
rgb(53,38,182) |
hsl(246,65%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B9CD8 |
rgb(75,156,216) |
hsl(206,64%,57%) |
#2E8CD2 |
rgb(46,140,210) |
hsl(206,65%,50%) |
#2778B6 |
rgb(39,120,182) |
hsl(206,65%,43%) |
#206698 |
rgb(32,102,152) |
hsl(205,65%,36%) |
#1A527B |
rgb(26,82,123) |
hsl(205,65%,29%) |
#143D5E |
rgb(20,61,94) |
hsl(207,65%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778B6 |
rgb(39,120,182) |
hsl(206,65%,43%) |
#B62630 |
rgb(182,38,48) |
hsl(356,65%,43%) |
#B6AD27 |
rgb(182,173,39) |
hsl(56,65%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778B6 |
rgb(39,120,182) |
hsl(206,65%,43%) |
#B66627 |
rgb(182,102,39) |
hsl(26,65%,43%) |
#27B5AC |
rgb(39,181,172) |
hsl(176,65%,43%) |
#B6AD27 |
rgb(182,173,39) |
hsl(56,65%,43%) |