HEX #3678CC color — Mariner
The color #3678CC is a dark shade and moderately saturated.
Palette
3678CC color palette from light to dark
HEX |
RGB |
HSL |
#eff4fb |
rgb(239,244,251) |
hsl(214,60%,96%) |
#dae6f6 |
rgb(218,230,246) |
hsl(214,60%,91%) |
#c6d8f1 |
rgb(198,216,241) |
hsl(214,60%,86%) |
#b1cbec |
rgb(177,203,236) |
hsl(214,60%,81%) |
#9dbde7 |
rgb(157,189,231) |
hsl(214,60%,76%) |
#89afe1 |
rgb(137,175,225) |
hsl(214,60%,71%) |
#74a1dc |
rgb(116,161,220) |
hsl(214,60%,66%) |
#6094d7 |
rgb(96,148,215) |
hsl(214,60%,61%) |
#4b86d2 |
rgb(75,134,210) |
hsl(214,60%,56%) |
#3778cd |
rgb(55,120,205) |
hsl(214,60%,51%) |
#2f6cbc |
rgb(47,108,188) |
hsl(214,60%,46%) |
#2a60a7 |
rgb(42,96,167) |
hsl(214,60%,41%) |
#255493 |
rgb(37,84,147) |
hsl(214,60%,36%) |
#20497e |
rgb(32,73,126) |
hsl(214,60%,31%) |
#1b3d6a |
rgb(27,61,106) |
hsl(214,60%,26%) |
#153156 |
rgb(21,49,86) |
hsl(214,60%,21%) |
#102641 |
rgb(16,38,65) |
hsl(214,60%,16%) |
#0b1a2d |
rgb(11,26,45) |
hsl(214,60%,11%) |
#060e18 |
rgb(6,14,24) |
hsl(214,60%,6%) |
#010204 |
rgb(1,2,4) |
hsl(214,60%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#36CCBC |
rgb(54,204,188) |
hsl(174,60%,51%) |
#3678CC |
rgb(54,120,204) |
hsl(214,60%,51%) |
#5836CC |
rgb(88,54,204) |
hsl(254,60%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77A3DC |
rgb(119,163,220) |
hsl(214,59%,66%) |
#568FD4 |
rgb(86,143,212) |
hsl(213,59%,58%) |
#3678CC |
rgb(54,120,204) |
hsl(214,60%,51%) |
#2B63AC |
rgb(43,99,172) |
hsl(214,60%,42%) |
#23528B |
rgb(35,82,139) |
hsl(213,60%,34%) |
#1B3D6B |
rgb(27,61,107) |
hsl(215,60%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3678CC |
rgb(54,120,204) |
hsl(214,60%,51%) |
#CC4036 |
rgb(204,64,54) |
hsl(4,60%,51%) |
#C3CC36 |
rgb(195,204,54) |
hsl(64,60%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3678CC |
rgb(54,120,204) |
hsl(214,60%,51%) |
#CC8A36 |
rgb(204,138,54) |
hsl(34,60%,51%) |
#36C2CC |
rgb(54,194,204) |
hsl(184,60%,51%) |
#C3CC36 |
rgb(195,204,54) |
hsl(64,60%,51%) |