HEX #3180D5 color — Mariner
The color #3180D5 is a dark shade and moderately saturated.
Palette
3180D5 color palette from light to dark
HEX |
RGB |
HSL |
#eef5fc |
rgb(238,245,252) |
hsl(211,66%,96%) |
#d9e8f7 |
rgb(217,232,247) |
hsl(211,66%,91%) |
#c4dbf3 |
rgb(196,219,243) |
hsl(211,66%,86%) |
#afcdef |
rgb(175,205,239) |
hsl(211,66%,81%) |
#99c0ea |
rgb(153,192,234) |
hsl(211,66%,76%) |
#84b3e6 |
rgb(132,179,230) |
hsl(211,66%,71%) |
#6fa6e2 |
rgb(111,166,226) |
hsl(211,66%,66%) |
#5a99dd |
rgb(90,153,221) |
hsl(211,66%,61%) |
#458cd9 |
rgb(69,140,217) |
hsl(211,66%,56%) |
#307fd5 |
rgb(48,127,213) |
hsl(211,66%,51%) |
#2873c3 |
rgb(40,115,195) |
hsl(211,66%,46%) |
#2466ae |
rgb(36,102,174) |
hsl(211,66%,41%) |
#1f5a98 |
rgb(31,90,152) |
hsl(211,66%,36%) |
#1b4d83 |
rgb(27,77,131) |
hsl(211,66%,31%) |
#17416e |
rgb(23,65,110) |
hsl(211,66%,26%) |
#123459 |
rgb(18,52,89) |
hsl(211,66%,21%) |
#0e2844 |
rgb(14,40,68) |
hsl(211,66%,16%) |
#0a1b2f |
rgb(10,27,47) |
hsl(211,66%,11%) |
#050f19 |
rgb(5,15,25) |
hsl(211,66%,6%) |
#010204 |
rgb(1,2,4) |
hsl(211,66%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D6BC |
rgb(49,214,188) |
hsl(171,67%,52%) |
#3180D5 |
rgb(49,128,213) |
hsl(211,66%,51%) |
#4F30D5 |
rgb(79,48,213) |
hsl(251,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76ABE3 |
rgb(118,171,227) |
hsl(211,66%,68%) |
#5396DC |
rgb(83,150,220) |
hsl(211,66%,59%) |
#3180D5 |
rgb(49,128,213) |
hsl(211,66%,51%) |
#256BB6 |
rgb(37,107,182) |
hsl(211,66%,43%) |
#1E5793 |
rgb(30,87,147) |
hsl(211,66%,35%) |
#174271 |
rgb(23,66,113) |
hsl(211,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3180D5 |
rgb(49,128,213) |
hsl(211,66%,51%) |
#D53331 |
rgb(213,51,49) |
hsl(1,66%,51%) |
#D2D631 |
rgb(210,214,49) |
hsl(61,67%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3180D5 |
rgb(49,128,213) |
hsl(211,66%,51%) |
#D58731 |
rgb(213,135,49) |
hsl(31,66%,51%) |
#31D1D5 |
rgb(49,209,213) |
hsl(181,66%,51%) |
#D2D631 |
rgb(210,214,49) |
hsl(61,67%,52%) |