HEX #2778C2 color — Mariner
The color #2778C2 is a dark shade and moderately saturated.
Palette
2778C2 color palette from light to dark
HEX |
RGB |
HSL |
#eef5fc |
rgb(238,245,252) |
hsl(209,67%,96%) |
#d9e9f7 |
rgb(217,233,247) |
hsl(209,67%,91%) |
#c3dcf3 |
rgb(195,220,243) |
hsl(209,67%,86%) |
#aed0ef |
rgb(174,208,239) |
hsl(209,67%,81%) |
#99c3eb |
rgb(153,195,235) |
hsl(209,67%,76%) |
#84b7e7 |
rgb(132,183,231) |
hsl(209,67%,71%) |
#6eaae2 |
rgb(110,170,226) |
hsl(209,67%,66%) |
#599ede |
rgb(89,158,222) |
hsl(209,67%,61%) |
#4491da |
rgb(68,145,218) |
hsl(209,67%,56%) |
#2e85d6 |
rgb(46,133,214) |
hsl(209,67%,51%) |
#2778c4 |
rgb(39,120,196) |
hsl(209,67%,46%) |
#236baf |
rgb(35,107,175) |
hsl(209,67%,41%) |
#1e5e99 |
rgb(30,94,153) |
hsl(209,67%,36%) |
#1a5184 |
rgb(26,81,132) |
hsl(209,67%,31%) |
#16446f |
rgb(22,68,111) |
hsl(209,67%,26%) |
#123759 |
rgb(18,55,89) |
hsl(209,67%,21%) |
#0d2a44 |
rgb(13,42,68) |
hsl(209,67%,16%) |
#091d2f |
rgb(9,29,47) |
hsl(209,67%,11%) |
#05101a |
rgb(5,16,26) |
hsl(209,67%,6%) |
#010304 |
rgb(1,3,4) |
hsl(209,67%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#27C2A4 |
rgb(39,194,164) |
hsl(168,67%,46%) |
#2778C2 |
rgb(39,120,194) |
hsl(209,67%,46%) |
#3D26C2 |
rgb(61,38,194) |
hsl(249,67%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#569CDD |
rgb(86,156,221) |
hsl(209,67%,60%) |
#378AD6 |
rgb(55,138,214) |
hsl(209,66%,53%) |
#2778C2 |
rgb(39,120,194) |
hsl(209,67%,46%) |
#2066A2 |
rgb(32,102,162) |
hsl(208,67%,38%) |
#1A5283 |
rgb(26,82,131) |
hsl(208,67%,31%) |
#143D64 |
rgb(20,61,100) |
hsl(209,67%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778C2 |
rgb(39,120,194) |
hsl(209,67%,46%) |
#C2262A |
rgb(194,38,42) |
hsl(358,67%,45%) |
#C2BF27 |
rgb(194,191,39) |
hsl(59,67%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778C2 |
rgb(39,120,194) |
hsl(209,67%,46%) |
#C27027 |
rgb(194,112,39) |
hsl(28,67%,46%) |
#27C2BE |
rgb(39,194,190) |
hsl(178,67%,46%) |
#C2BF27 |
rgb(194,191,39) |
hsl(59,67%,46%) |