HEX #3670CC color — Mariner
The color #3670CC is a dark shade and moderately saturated.
Palette
3670CC color palette from light to dark
HEX |
RGB |
HSL |
#eff3fb |
rgb(239,243,251) |
hsl(217,60%,96%) |
#dae5f6 |
rgb(218,229,246) |
hsl(217,60%,91%) |
#c6d6f1 |
rgb(198,214,241) |
hsl(217,60%,86%) |
#b1c8ec |
rgb(177,200,236) |
hsl(217,60%,81%) |
#9db9e7 |
rgb(157,185,231) |
hsl(217,60%,76%) |
#89abe1 |
rgb(137,171,225) |
hsl(217,60%,71%) |
#749cdc |
rgb(116,156,220) |
hsl(217,60%,66%) |
#608ed7 |
rgb(96,142,215) |
hsl(217,60%,61%) |
#4b7fd2 |
rgb(75,127,210) |
hsl(217,60%,56%) |
#3771cd |
rgb(55,113,205) |
hsl(217,60%,51%) |
#2f65bc |
rgb(47,101,188) |
hsl(217,60%,46%) |
#2a5aa7 |
rgb(42,90,167) |
hsl(217,60%,41%) |
#254f93 |
rgb(37,79,147) |
hsl(217,60%,36%) |
#20447e |
rgb(32,68,126) |
hsl(217,60%,31%) |
#1b396a |
rgb(27,57,106) |
hsl(217,60%,26%) |
#152e56 |
rgb(21,46,86) |
hsl(217,60%,21%) |
#102341 |
rgb(16,35,65) |
hsl(217,60%,16%) |
#0b182d |
rgb(11,24,45) |
hsl(217,60%,11%) |
#060d18 |
rgb(6,13,24) |
hsl(217,60%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,60%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#36CCC4 |
rgb(54,204,196) |
hsl(177,60%,51%) |
#3670CC |
rgb(54,112,204) |
hsl(217,60%,51%) |
#6036CC |
rgb(96,54,204) |
hsl(257,60%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#779EDC |
rgb(119,158,220) |
hsl(217,59%,66%) |
#5687D4 |
rgb(86,135,212) |
hsl(217,59%,58%) |
#3670CC |
rgb(54,112,204) |
hsl(217,60%,51%) |
#2B5EAC |
rgb(43,94,172) |
hsl(216,60%,42%) |
#234D8B |
rgb(35,77,139) |
hsl(216,60%,34%) |
#1B3B6B |
rgb(27,59,107) |
hsl(216,60%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3670CC |
rgb(54,112,204) |
hsl(217,60%,51%) |
#CC4736 |
rgb(204,71,54) |
hsl(7,60%,51%) |
#BBCC36 |
rgb(187,204,54) |
hsl(67,60%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3670CC |
rgb(54,112,204) |
hsl(217,60%,51%) |
#CC9136 |
rgb(204,145,54) |
hsl(36,60%,51%) |
#36BACC |
rgb(54,186,204) |
hsl(187,60%,51%) |
#BBCC36 |
rgb(187,204,54) |
hsl(67,60%,51%) |