HEX #2778B6 color — Mariner

The color #2778B6 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)