HEX #2C78C4 color — Mariner
The color #2C78C4 is a dark shade and moderately saturated.
Palette
2C78C4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(210,63%,97%) |
#deebf7 |
rgb(222,235,247) |
hsl(210,63%,92%) |
#c9def3 |
rgb(201,222,243) |
hsl(210,63%,87%) |
#b4d1ee |
rgb(180,209,238) |
hsl(210,63%,82%) |
#9fc4e9 |
rgb(159,196,233) |
hsl(210,63%,77%) |
#8bb8e5 |
rgb(139,184,229) |
hsl(210,63%,72%) |
#76abe0 |
rgb(118,171,224) |
hsl(210,63%,67%) |
#619edb |
rgb(97,158,219) |
hsl(210,63%,62%) |
#4c91d6 |
rgb(76,145,214) |
hsl(210,63%,57%) |
#3785d2 |
rgb(55,133,210) |
hsl(210,63%,52%) |
#2c78c3 |
rgb(44,120,195) |
hsl(210,63%,47%) |
#286baf |
rgb(40,107,175) |
hsl(210,63%,42%) |
#235e9a |
rgb(35,94,154) |
hsl(210,63%,37%) |
#1e5285 |
rgb(30,82,133) |
hsl(210,63%,32%) |
#194570 |
rgb(25,69,112) |
hsl(210,63%,27%) |
#15385b |
rgb(21,56,91) |
hsl(210,63%,22%) |
#102b47 |
rgb(16,43,71) |
hsl(210,63%,17%) |
#0b1f32 |
rgb(11,31,50) |
hsl(210,63%,12%) |
#07121d |
rgb(7,18,29) |
hsl(210,63%,7%) |
#020508 |
rgb(2,5,8) |
hsl(210,63%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CC4AA |
rgb(44,196,170) |
hsl(170,63%,47%) |
#2C78C4 |
rgb(44,120,196) |
hsl(210,63%,47%) |
#452BC4 |
rgb(69,43,196) |
hsl(250,64%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#619EDB |
rgb(97,158,219) |
hsl(210,63%,62%) |
#418CD4 |
rgb(65,140,212) |
hsl(209,63%,54%) |
#2C78C4 |
rgb(44,120,196) |
hsl(210,63%,47%) |
#2466A4 |
rgb(36,102,164) |
hsl(209,64%,39%) |
#1D5285 |
rgb(29,82,133) |
hsl(209,64%,32%) |
#163D65 |
rgb(22,61,101) |
hsl(210,64%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C78C4 |
rgb(44,120,196) |
hsl(210,63%,47%) |
#C42B2C |
rgb(196,43,44) |
hsl(360,64%,47%) |
#C4C42C |
rgb(196,196,44) |
hsl(60,63%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C78C4 |
rgb(44,120,196) |
hsl(210,63%,47%) |
#C4782C |
rgb(196,120,44) |
hsl(30,63%,47%) |
#2CC4C4 |
rgb(44,196,196) |
hsl(180,63%,47%) |
#C4C42C |
rgb(196,196,44) |
hsl(60,63%,47%) |