HEX #2D78C3 color — Mariner
The color #2D78C3 is a dark shade and moderately saturated.
Palette
2D78C3 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 |
#2DC2AA |
rgb(45,194,170) |
hsl(170,62%,47%) |
#2D78C3 |
rgb(45,120,195) |
hsl(210,63%,47%) |
#462EC3 |
rgb(70,46,195) |
hsl(250,62%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#629EDA |
rgb(98,158,218) |
hsl(210,62%,62%) |
#428CD3 |
rgb(66,140,211) |
hsl(209,62%,54%) |
#2D78C3 |
rgb(45,120,195) |
hsl(210,63%,47%) |
#2566A3 |
rgb(37,102,163) |
hsl(209,63%,39%) |
#1E5284 |
rgb(30,82,132) |
hsl(209,63%,32%) |
#173D65 |
rgb(23,61,101) |
hsl(211,63%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D78C3 |
rgb(45,120,195) |
hsl(210,63%,47%) |
#C32E2D |
rgb(195,46,45) |
hsl(0,63%,47%) |
#C3C22D |
rgb(195,194,45) |
hsl(60,63%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D78C3 |
rgb(45,120,195) |
hsl(210,63%,47%) |
#C3782D |
rgb(195,120,45) |
hsl(30,63%,47%) |
#2DC2C3 |
rgb(45,194,195) |
hsl(180,63%,47%) |
#C3C22D |
rgb(195,194,45) |
hsl(60,63%,47%) |