HEX #3670C7 color — Mariner
The color #3670C7 is a dark shade and moderately saturated.
Palette
3670C7 color palette from light to dark
HEX |
RGB |
HSL |
#ebf1fa |
rgb(235,241,250) |
hsl(216,57%,95%) |
#d7e3f4 |
rgb(215,227,244) |
hsl(216,57%,90%) |
#c3d4ef |
rgb(195,212,239) |
hsl(216,57%,85%) |
#afc6e9 |
rgb(175,198,233) |
hsl(216,57%,80%) |
#9bb8e4 |
rgb(155,184,228) |
hsl(216,57%,75%) |
#87aade |
rgb(135,170,222) |
hsl(216,57%,70%) |
#739cd9 |
rgb(115,156,217) |
hsl(216,57%,65%) |
#5f8dd3 |
rgb(95,141,211) |
hsl(216,57%,60%) |
#4b7fce |
rgb(75,127,206) |
hsl(216,57%,55%) |
#3771c8 |
rgb(55,113,200) |
hsl(216,57%,50%) |
#3166b4 |
rgb(49,102,180) |
hsl(216,57%,45%) |
#2c5aa0 |
rgb(44,90,160) |
hsl(216,57%,40%) |
#264f8c |
rgb(38,79,140) |
hsl(216,57%,35%) |
#214478 |
rgb(33,68,120) |
hsl(216,57%,30%) |
#1b3864 |
rgb(27,56,100) |
hsl(216,57%,25%) |
#162d50 |
rgb(22,45,80) |
hsl(216,57%,20%) |
#10223c |
rgb(16,34,60) |
hsl(216,57%,15%) |
#0b1728 |
rgb(11,23,40) |
hsl(216,57%,10%) |
#050b14 |
rgb(5,11,20) |
hsl(216,57%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36C7BD |
rgb(54,199,189) |
hsl(176,57%,50%) |
#3670C7 |
rgb(54,112,199) |
hsl(216,57%,50%) |
#5C36C7 |
rgb(92,54,199) |
hsl(256,57%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#749ED9 |
rgb(116,158,217) |
hsl(215,57%,65%) |
#5487D0 |
rgb(84,135,208) |
hsl(215,57%,57%) |
#3670C7 |
rgb(54,112,199) |
hsl(216,57%,50%) |
#2D5EA7 |
rgb(45,94,167) |
hsl(216,58%,42%) |
#244D87 |
rgb(36,77,135) |
hsl(215,58%,34%) |
#1C3B67 |
rgb(28,59,103) |
hsl(215,57%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3670C7 |
rgb(54,112,199) |
hsl(216,57%,50%) |
#C74536 |
rgb(199,69,54) |
hsl(6,57%,50%) |
#B8C736 |
rgb(184,199,54) |
hsl(66,57%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3670C7 |
rgb(54,112,199) |
hsl(216,57%,50%) |
#C78C36 |
rgb(199,140,54) |
hsl(36,57%,50%) |
#36B8C7 |
rgb(54,184,199) |
hsl(186,57%,50%) |
#B8C736 |
rgb(184,199,54) |
hsl(66,57%,50%) |