HEX #3678CF color — Mariner
The color #3678CF is a dark shade and moderately saturated.
Palette
3678CF color palette from light to dark
HEX |
RGB |
HSL |
#eff4fb |
rgb(239,244,251) |
hsl(214,61%,96%) |
#dae6f6 |
rgb(218,230,246) |
hsl(214,61%,91%) |
#c6d8f1 |
rgb(198,216,241) |
hsl(214,61%,86%) |
#b1cbec |
rgb(177,203,236) |
hsl(214,61%,81%) |
#9cbde7 |
rgb(156,189,231) |
hsl(214,61%,76%) |
#88afe2 |
rgb(136,175,226) |
hsl(214,61%,71%) |
#73a1dd |
rgb(115,161,221) |
hsl(214,61%,66%) |
#5f93d8 |
rgb(95,147,216) |
hsl(214,61%,61%) |
#4a86d3 |
rgb(74,134,211) |
hsl(214,61%,56%) |
#3678ce |
rgb(54,120,206) |
hsl(214,61%,51%) |
#2e6cbd |
rgb(46,108,189) |
hsl(214,61%,46%) |
#2960a8 |
rgb(41,96,168) |
hsl(214,61%,41%) |
#245494 |
rgb(36,84,148) |
hsl(214,61%,36%) |
#1f497f |
rgb(31,73,127) |
hsl(214,61%,31%) |
#1a3d6b |
rgb(26,61,107) |
hsl(214,61%,26%) |
#153156 |
rgb(21,49,86) |
hsl(214,61%,21%) |
#102542 |
rgb(16,37,66) |
hsl(214,61%,16%) |
#0b1a2d |
rgb(11,26,45) |
hsl(214,61%,11%) |
#060e19 |
rgb(6,14,25) |
hsl(214,61%,6%) |
#010204 |
rgb(1,2,4) |
hsl(214,61%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#36CFC0 |
rgb(54,207,192) |
hsl(174,61%,51%) |
#3678CF |
rgb(54,120,207) |
hsl(214,61%,51%) |
#5A36CF |
rgb(90,54,207) |
hsl(254,61%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#79A6DF |
rgb(121,166,223) |
hsl(214,61%,67%) |
#578FD7 |
rgb(87,143,215) |
hsl(214,62%,59%) |
#3678CF |
rgb(54,120,207) |
hsl(214,61%,51%) |
#2A63B0 |
rgb(42,99,176) |
hsl(214,61%,43%) |
#22528F |
rgb(34,82,143) |
hsl(214,62%,35%) |
#1A3D6D |
rgb(26,61,109) |
hsl(215,61%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3678CF |
rgb(54,120,207) |
hsl(214,61%,51%) |
#CF4036 |
rgb(207,64,54) |
hsl(4,61%,51%) |
#C4CF36 |
rgb(196,207,54) |
hsl(64,61%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3678CF |
rgb(54,120,207) |
hsl(214,61%,51%) |
#CF8C36 |
rgb(207,140,54) |
hsl(34,61%,51%) |
#36C4CF |
rgb(54,196,207) |
hsl(184,61%,51%) |
#C4CF36 |
rgb(196,207,54) |
hsl(64,61%,51%) |