HEX #2778B4 color — Mariner
The color #2778B4 is a dark shade and moderately saturated.
Palette
2778B4 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 |
#27B592 |
rgb(39,181,146) |
hsl(165,65%,43%) |
#2778B4 |
rgb(39,120,180) |
hsl(206,64%,43%) |
#3426B4 |
rgb(52,38,180) |
hsl(246,65%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#499CD7 |
rgb(73,156,215) |
hsl(205,64%,56%) |
#2D8CD0 |
rgb(45,140,208) |
hsl(205,64%,50%) |
#2778B4 |
rgb(39,120,180) |
hsl(206,64%,43%) |
#206697 |
rgb(32,102,151) |
hsl(205,65%,36%) |
#1A527A |
rgb(26,82,122) |
hsl(205,65%,29%) |
#143D5D |
rgb(20,61,93) |
hsl(206,65%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778B4 |
rgb(39,120,180) |
hsl(206,64%,43%) |
#B42631 |
rgb(180,38,49) |
hsl(355,65%,43%) |
#B4A827 |
rgb(180,168,39) |
hsl(55,64%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778B4 |
rgb(39,120,180) |
hsl(206,64%,43%) |
#B46327 |
rgb(180,99,39) |
hsl(26,64%,43%) |
#27B5A9 |
rgb(39,181,169) |
hsl(175,65%,43%) |
#B4A827 |
rgb(180,168,39) |
hsl(55,64%,43%) |