HEX #2C78D2 color — Mariner
The color #2C78D2 is a dark shade and moderately saturated.
Palette
2C78D2 color palette from light to dark
HEX |
RGB |
HSL |
#eaf1fb |
rgb(234,241,251) |
hsl(213,65%,95%) |
#d5e4f6 |
rgb(213,228,246) |
hsl(213,65%,90%) |
#c0d6f2 |
rgb(192,214,242) |
hsl(213,65%,85%) |
#abc9ed |
rgb(171,201,237) |
hsl(213,65%,80%) |
#96bbe9 |
rgb(150,187,233) |
hsl(213,65%,75%) |
#81aee4 |
rgb(129,174,228) |
hsl(213,65%,70%) |
#6ca0e0 |
rgb(108,160,224) |
hsl(213,65%,65%) |
#5792db |
rgb(87,146,219) |
hsl(213,65%,60%) |
#4285d7 |
rgb(66,133,215) |
hsl(213,65%,55%) |
#2d77d2 |
rgb(45,119,210) |
hsl(213,65%,50%) |
#286bbd |
rgb(40,107,189) |
hsl(213,65%,45%) |
#245fa8 |
rgb(36,95,168) |
hsl(213,65%,40%) |
#1f5393 |
rgb(31,83,147) |
hsl(213,65%,35%) |
#1b487e |
rgb(27,72,126) |
hsl(213,65%,30%) |
#163c69 |
rgb(22,60,105) |
hsl(213,65%,25%) |
#123054 |
rgb(18,48,84) |
hsl(213,65%,20%) |
#0d243f |
rgb(13,36,63) |
hsl(213,65%,15%) |
#09182a |
rgb(9,24,42) |
hsl(213,65%,10%) |
#040c15 |
rgb(4,12,21) |
hsl(213,65%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CD1BD |
rgb(44,209,189) |
hsl(173,65%,50%) |
#2C78D2 |
rgb(44,120,210) |
hsl(213,65%,50%) |
#4E2BD2 |
rgb(78,43,210) |
hsl(253,66%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6EA3E0 |
rgb(110,163,224) |
hsl(212,65%,65%) |
#4C8CD9 |
rgb(76,140,217) |
hsl(213,65%,57%) |
#2C78D2 |
rgb(44,120,210) |
hsl(213,65%,50%) |
#2466B0 |
rgb(36,102,176) |
hsl(212,66%,42%) |
#1D528E |
rgb(29,82,142) |
hsl(212,66%,34%) |
#163D6D |
rgb(22,61,109) |
hsl(213,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C78D2 |
rgb(44,120,210) |
hsl(213,65%,50%) |
#D2332C |
rgb(210,51,44) |
hsl(3,65%,50%) |
#CBD12C |
rgb(203,209,44) |
hsl(62,65%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C78D2 |
rgb(44,120,210) |
hsl(213,65%,50%) |
#D2872C |
rgb(210,135,44) |
hsl(33,65%,50%) |
#2CCCD2 |
rgb(44,204,210) |
hsl(182,65%,50%) |
#CBD12C |
rgb(203,209,44) |
hsl(62,65%,50%) |