HEX #2C78C3 color — Mariner
The color #2C78C3 is a dark shade and moderately saturated.
Palette
2C78C3 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 |
#2CC2A9 |
rgb(44,194,169) |
hsl(170,63%,47%) |
#2C78C3 |
rgb(44,120,195) |
hsl(210,63%,47%) |
#442BC3 |
rgb(68,43,195) |
hsl(250,64%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#609EDB |
rgb(96,158,219) |
hsl(210,63%,62%) |
#418CD4 |
rgb(65,140,212) |
hsl(209,63%,54%) |
#2C78C3 |
rgb(44,120,195) |
hsl(210,63%,47%) |
#2466A3 |
rgb(36,102,163) |
hsl(209,64%,39%) |
#1D5284 |
rgb(29,82,132) |
hsl(209,64%,32%) |
#163D65 |
rgb(22,61,101) |
hsl(210,64%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C78C3 |
rgb(44,120,195) |
hsl(210,63%,47%) |
#C32B2C |
rgb(195,43,44) |
hsl(360,64%,47%) |
#C3C22C |
rgb(195,194,44) |
hsl(60,63%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C78C3 |
rgb(44,120,195) |
hsl(210,63%,47%) |
#C3782C |
rgb(195,120,44) |
hsl(30,63%,47%) |
#2CC2C2 |
rgb(44,194,194) |
hsl(180,63%,47%) |
#C3C22C |
rgb(195,194,44) |
hsl(60,63%,47%) |