HEX #2778C0 color — Mariner
The color #2778C0 is a dark shade and moderately saturated.
Palette
2778C0 color palette from light to dark
HEX |
RGB |
HSL |
#eaf3fb |
rgb(234,243,251) |
hsl(208,66%,95%) |
#d5e7f6 |
rgb(213,231,246) |
hsl(208,66%,90%) |
#c0daf2 |
rgb(192,218,242) |
hsl(208,66%,85%) |
#aaceee |
rgb(170,206,238) |
hsl(208,66%,80%) |
#95c2e9 |
rgb(149,194,233) |
hsl(208,66%,75%) |
#80b6e5 |
rgb(128,182,229) |
hsl(208,66%,70%) |
#6baae1 |
rgb(107,170,225) |
hsl(208,66%,65%) |
#569ddc |
rgb(86,157,220) |
hsl(208,66%,60%) |
#4191d8 |
rgb(65,145,216) |
hsl(208,66%,55%) |
#2b85d4 |
rgb(43,133,212) |
hsl(208,66%,50%) |
#2778be |
rgb(39,120,190) |
hsl(208,66%,45%) |
#236aa9 |
rgb(35,106,169) |
hsl(208,66%,40%) |
#1e5d94 |
rgb(30,93,148) |
hsl(208,66%,35%) |
#1a507f |
rgb(26,80,127) |
hsl(208,66%,30%) |
#16436a |
rgb(22,67,106) |
hsl(208,66%,25%) |
#113555 |
rgb(17,53,85) |
hsl(208,66%,20%) |
#0d283f |
rgb(13,40,63) |
hsl(208,66%,15%) |
#091b2a |
rgb(9,27,42) |
hsl(208,66%,10%) |
#040d15 |
rgb(4,13,21) |
hsl(208,66%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#27BFA2 |
rgb(39,191,162) |
hsl(169,66%,45%) |
#2778C0 |
rgb(39,120,192) |
hsl(208,66%,45%) |
#3C26C0 |
rgb(60,38,192) |
hsl(249,67%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#549CDC |
rgb(84,156,220) |
hsl(208,66%,60%) |
#358AD6 |
rgb(53,138,214) |
hsl(208,66%,52%) |
#2778C0 |
rgb(39,120,192) |
hsl(208,66%,45%) |
#2066A1 |
rgb(32,102,161) |
hsl(207,67%,38%) |
#1A5282 |
rgb(26,82,130) |
hsl(208,67%,31%) |
#143D63 |
rgb(20,61,99) |
hsl(209,66%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778C0 |
rgb(39,120,192) |
hsl(208,66%,45%) |
#C0262B |
rgb(192,38,43) |
hsl(358,67%,45%) |
#C0BD27 |
rgb(192,189,39) |
hsl(59,66%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778C0 |
rgb(39,120,192) |
hsl(208,66%,45%) |
#C07027 |
rgb(192,112,39) |
hsl(29,66%,45%) |
#27BFBB |
rgb(39,191,187) |
hsl(178,66%,45%) |
#C0BD27 |
rgb(192,189,39) |
hsl(59,66%,45%) |