HEX #3678CD color — Mariner
The color #3678CD is a dark shade and moderately saturated.
Palette
3678CD 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 |
#36CCBD |
rgb(54,204,189) |
hsl(174,60%,51%) |
#3678CD |
rgb(54,120,205) |
hsl(214,60%,51%) |
#5836CD |
rgb(88,54,205) |
hsl(254,60%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#78A6DD |
rgb(120,166,221) |
hsl(213,60%,67%) |
#578FD5 |
rgb(87,143,213) |
hsl(213,60%,59%) |
#3678CD |
rgb(54,120,205) |
hsl(214,60%,51%) |
#2B63AE |
rgb(43,99,174) |
hsl(214,60%,43%) |
#23528D |
rgb(35,82,141) |
hsl(213,60%,35%) |
#1A3D6B |
rgb(26,61,107) |
hsl(214,61%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3678CD |
rgb(54,120,205) |
hsl(214,60%,51%) |
#CD4036 |
rgb(205,64,54) |
hsl(4,60%,51%) |
#C3CC36 |
rgb(195,204,54) |
hsl(64,60%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3678CD |
rgb(54,120,205) |
hsl(214,60%,51%) |
#CD8C36 |
rgb(205,140,54) |
hsl(34,60%,51%) |
#36C4CD |
rgb(54,196,205) |
hsl(184,60%,51%) |
#C3CC36 |
rgb(195,204,54) |
hsl(64,60%,51%) |