HEX #3680CC color — Mariner
The color #3680CC is a dark shade and moderately saturated.
Palette
3680CC color palette from light to dark
HEX |
RGB |
HSL |
#eff5fb |
rgb(239,245,251) |
hsl(210,60%,96%) |
#dae8f6 |
rgb(218,232,246) |
hsl(210,60%,91%) |
#c6dbf1 |
rgb(198,219,241) |
hsl(210,60%,86%) |
#b1cfec |
rgb(177,207,236) |
hsl(210,60%,81%) |
#9dc2e7 |
rgb(157,194,231) |
hsl(210,60%,76%) |
#89b5e1 |
rgb(137,181,225) |
hsl(210,60%,71%) |
#74a8dc |
rgb(116,168,220) |
hsl(210,60%,66%) |
#609cd7 |
rgb(96,156,215) |
hsl(210,60%,61%) |
#4b8fd2 |
rgb(75,143,210) |
hsl(210,60%,56%) |
#3782cd |
rgb(55,130,205) |
hsl(210,60%,51%) |
#2f75bc |
rgb(47,117,188) |
hsl(210,60%,46%) |
#2a69a7 |
rgb(42,105,167) |
hsl(210,60%,41%) |
#255c93 |
rgb(37,92,147) |
hsl(210,60%,36%) |
#204f7e |
rgb(32,79,126) |
hsl(210,60%,31%) |
#1b426a |
rgb(27,66,106) |
hsl(210,60%,26%) |
#153656 |
rgb(21,54,86) |
hsl(210,60%,21%) |
#102941 |
rgb(16,41,65) |
hsl(210,60%,16%) |
#0b1c2d |
rgb(11,28,45) |
hsl(210,60%,11%) |
#060f18 |
rgb(6,15,24) |
hsl(210,60%,6%) |
#010304 |
rgb(1,3,4) |
hsl(210,60%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#36CCB4 |
rgb(54,204,180) |
hsl(170,60%,51%) |
#3680CC |
rgb(54,128,204) |
hsl(210,60%,51%) |
#5036CC |
rgb(80,54,204) |
hsl(250,60%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77ABDC |
rgb(119,171,220) |
hsl(209,59%,66%) |
#5694D4 |
rgb(86,148,212) |
hsl(210,59%,58%) |
#3680CC |
rgb(54,128,204) |
hsl(210,60%,51%) |
#2B6BAC |
rgb(43,107,172) |
hsl(210,60%,42%) |
#23578B |
rgb(35,87,139) |
hsl(210,60%,34%) |
#1B426B |
rgb(27,66,107) |
hsl(211,60%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3680CC |
rgb(54,128,204) |
hsl(210,60%,51%) |
#CC3836 |
rgb(204,56,54) |
hsl(1,60%,51%) |
#CBCC36 |
rgb(203,204,54) |
hsl(60,60%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3680CC |
rgb(54,128,204) |
hsl(210,60%,51%) |
#CC8236 |
rgb(204,130,54) |
hsl(30,60%,51%) |
#36CCCC |
rgb(54,204,204) |
hsl(180,60%,51%) |
#CBCC36 |
rgb(203,204,54) |
hsl(60,60%,51%) |