HEX #3182D4 color — Mariner
The color #3182D4 is a dark shade and moderately saturated.
Palette
3182D4 color palette from light to dark
HEX |
RGB |
HSL |
#eef5fb |
rgb(238,245,251) |
hsl(210,65%,96%) |
#d9e8f7 |
rgb(217,232,247) |
hsl(210,65%,91%) |
#c4dbf3 |
rgb(196,219,243) |
hsl(210,65%,86%) |
#afcfee |
rgb(175,207,238) |
hsl(210,65%,81%) |
#9ac2ea |
rgb(154,194,234) |
hsl(210,65%,76%) |
#85b5e5 |
rgb(133,181,229) |
hsl(210,65%,71%) |
#70a8e1 |
rgb(112,168,225) |
hsl(210,65%,66%) |
#5b9cdc |
rgb(91,156,220) |
hsl(210,65%,61%) |
#468fd8 |
rgb(70,143,216) |
hsl(210,65%,56%) |
#3182d3 |
rgb(49,130,211) |
hsl(210,65%,51%) |
#2975c2 |
rgb(41,117,194) |
hsl(210,65%,46%) |
#2569ad |
rgb(37,105,173) |
hsl(210,65%,41%) |
#205c97 |
rgb(32,92,151) |
hsl(210,65%,36%) |
#1c4f82 |
rgb(28,79,130) |
hsl(210,65%,31%) |
#17426d |
rgb(23,66,109) |
hsl(210,65%,26%) |
#133658 |
rgb(19,54,88) |
hsl(210,65%,21%) |
#0e2943 |
rgb(14,41,67) |
hsl(210,65%,16%) |
#0a1c2e |
rgb(10,28,46) |
hsl(210,65%,11%) |
#050f19 |
rgb(5,15,25) |
hsl(210,65%,6%) |
#010304 |
rgb(1,3,4) |
hsl(210,65%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D4B9 |
rgb(49,212,185) |
hsl(170,65%,51%) |
#3182D4 |
rgb(49,130,212) |
hsl(210,65%,51%) |
#4C30D4 |
rgb(76,48,212) |
hsl(250,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76ABE2 |
rgb(118,171,226) |
hsl(211,65%,67%) |
#5396DB |
rgb(83,150,219) |
hsl(210,65%,59%) |
#3182D4 |
rgb(49,130,212) |
hsl(210,65%,51%) |
#256EB5 |
rgb(37,110,181) |
hsl(210,66%,43%) |
#1E5992 |
rgb(30,89,146) |
hsl(209,66%,35%) |
#174570 |
rgb(23,69,112) |
hsl(209,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3182D4 |
rgb(49,130,212) |
hsl(210,65%,51%) |
#D43031 |
rgb(212,48,49) |
hsl(360,66%,51%) |
#D3D431 |
rgb(211,212,49) |
hsl(60,65%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3182D4 |
rgb(49,130,212) |
hsl(210,65%,51%) |
#D48231 |
rgb(212,130,49) |
hsl(30,65%,51%) |
#31D4D4 |
rgb(49,212,212) |
hsl(180,65%,51%) |
#D3D431 |
rgb(211,212,49) |
hsl(60,65%,51%) |