HEX #2C78BA color — Mariner
The color #2C78BA is a dark shade and moderately saturated.
Palette
2C78BA color palette from light to dark
HEX |
RGB |
HSL |
#eaf3fa |
rgb(234,243,250) |
hsl(208,62%,95%) |
#d6e7f5 |
rgb(214,231,245) |
hsl(208,62%,90%) |
#c1daf0 |
rgb(193,218,240) |
hsl(208,62%,85%) |
#acceec |
rgb(172,206,236) |
hsl(208,62%,80%) |
#98c2e7 |
rgb(152,194,231) |
hsl(208,62%,75%) |
#83b6e2 |
rgb(131,182,226) |
hsl(208,62%,70%) |
#6ea9dd |
rgb(110,169,221) |
hsl(208,62%,65%) |
#5a9dd8 |
rgb(90,157,216) |
hsl(208,62%,60%) |
#4591d3 |
rgb(69,145,211) |
hsl(208,62%,55%) |
#3085cf |
rgb(48,133,207) |
hsl(208,62%,50%) |
#2c77ba |
rgb(44,119,186) |
hsl(208,62%,45%) |
#276aa5 |
rgb(39,106,165) |
hsl(208,62%,40%) |
#225d91 |
rgb(34,93,145) |
hsl(208,62%,35%) |
#1d507c |
rgb(29,80,124) |
hsl(208,62%,30%) |
#184267 |
rgb(24,66,103) |
hsl(208,62%,25%) |
#133553 |
rgb(19,53,83) |
hsl(208,62%,20%) |
#0f283e |
rgb(15,40,62) |
hsl(208,62%,15%) |
#0a1b29 |
rgb(10,27,41) |
hsl(208,62%,10%) |
#050d15 |
rgb(5,13,21) |
hsl(208,62%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CBA9D |
rgb(44,186,157) |
hsl(168,62%,45%) |
#2C78BA |
rgb(44,120,186) |
hsl(208,62%,45%) |
#3E2BBA |
rgb(62,43,186) |
hsl(248,62%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#589CD7 |
rgb(88,156,215) |
hsl(208,61%,59%) |
#3A8AD0 |
rgb(58,138,208) |
hsl(208,61%,52%) |
#2C78BA |
rgb(44,120,186) |
hsl(208,62%,45%) |
#24669C |
rgb(36,102,156) |
hsl(207,63%,38%) |
#1D527E |
rgb(29,82,126) |
hsl(207,63%,30%) |
#163D60 |
rgb(22,61,96) |
hsl(208,63%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C78BA |
rgb(44,120,186) |
hsl(208,62%,45%) |
#BA2B31 |
rgb(186,43,49) |
hsl(357,62%,45%) |
#BAB52C |
rgb(186,181,44) |
hsl(58,62%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C78BA |
rgb(44,120,186) |
hsl(208,62%,45%) |
#BA6E2C |
rgb(186,110,44) |
hsl(28,62%,45%) |
#2CBAB5 |
rgb(44,186,181) |
hsl(178,62%,45%) |
#BAB52C |
rgb(186,181,44) |
hsl(58,62%,45%) |