HEX #2778B8 color — Mariner
The color #2778B8 is a dark shade and moderately saturated.
Palette
2778B8 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(206,65%,99%) |
#e6f1fa |
rgb(230,241,250) |
hsl(206,65%,94%) |
#d1e5f5 |
rgb(209,229,245) |
hsl(206,65%,89%) |
#bcdaf1 |
rgb(188,218,241) |
hsl(206,65%,84%) |
#a7ceec |
rgb(167,206,236) |
hsl(206,65%,79%) |
#92c2e8 |
rgb(146,194,232) |
hsl(206,65%,74%) |
#7db7e3 |
rgb(125,183,227) |
hsl(206,65%,69%) |
#68abdf |
rgb(104,171,223) |
hsl(206,65%,64%) |
#52a0da |
rgb(82,160,218) |
hsl(206,65%,59%) |
#3d94d6 |
rgb(61,148,214) |
hsl(206,65%,54%) |
#2c88ce |
rgb(44,136,206) |
hsl(206,65%,49%) |
#277ab9 |
rgb(39,122,185) |
hsl(206,65%,44%) |
#236ca4 |
rgb(35,108,164) |
hsl(206,65%,39%) |
#1e5e8f |
rgb(30,94,143) |
hsl(206,65%,34%) |
#1a507a |
rgb(26,80,122) |
hsl(206,65%,29%) |
#154365 |
rgb(21,67,101) |
hsl(206,65%,24%) |
#113550 |
rgb(17,53,80) |
hsl(206,65%,19%) |
#0c273b |
rgb(12,39,59) |
hsl(206,65%,14%) |
#081926 |
rgb(8,25,38) |
hsl(206,65%,9%) |
#040b11 |
rgb(4,11,17) |
hsl(206,65%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#27B897 |
rgb(39,184,151) |
hsl(166,65%,44%) |
#2778B8 |
rgb(39,120,184) |
hsl(206,65%,44%) |
#3626B8 |
rgb(54,38,184) |
hsl(247,66%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D9CD9 |
rgb(77,156,217) |
hsl(206,65%,58%) |
#2F8AD3 |
rgb(47,138,211) |
hsl(207,65%,51%) |
#2778B8 |
rgb(39,120,184) |
hsl(206,65%,44%) |
#20669A |
rgb(32,102,154) |
hsl(206,66%,36%) |
#1A527D |
rgb(26,82,125) |
hsl(206,66%,30%) |
#143D5F |
rgb(20,61,95) |
hsl(207,65%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778B8 |
rgb(39,120,184) |
hsl(206,65%,44%) |
#B8262F |
rgb(184,38,47) |
hsl(356,66%,44%) |
#B8B027 |
rgb(184,176,39) |
hsl(57,65%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778B8 |
rgb(39,120,184) |
hsl(206,65%,44%) |
#B86627 |
rgb(184,102,39) |
hsl(26,65%,44%) |
#27B8AF |
rgb(39,184,175) |
hsl(176,65%,44%) |
#B8B027 |
rgb(184,176,39) |
hsl(57,65%,44%) |