HEX #3180D1 color — Mariner
The color #3180D1 is a dark shade and moderately saturated.
Palette
3180D1 color palette from light to dark
HEX |
RGB |
HSL |
#eef5fb |
rgb(238,245,251) |
hsl(210,63%,96%) |
#dae8f7 |
rgb(218,232,247) |
hsl(210,63%,91%) |
#c5dbf2 |
rgb(197,219,242) |
hsl(210,63%,86%) |
#b0cfed |
rgb(176,207,237) |
hsl(210,63%,81%) |
#9bc2e8 |
rgb(155,194,232) |
hsl(210,63%,76%) |
#86b5e4 |
rgb(134,181,228) |
hsl(210,63%,71%) |
#72a8df |
rgb(114,168,223) |
hsl(210,63%,66%) |
#5d9cda |
rgb(93,156,218) |
hsl(210,63%,61%) |
#488fd5 |
rgb(72,143,213) |
hsl(210,63%,56%) |
#3382d1 |
rgb(51,130,209) |
hsl(210,63%,51%) |
#2b75bf |
rgb(43,117,191) |
hsl(210,63%,46%) |
#2769aa |
rgb(39,105,170) |
hsl(210,63%,41%) |
#225c96 |
rgb(34,92,150) |
hsl(210,63%,36%) |
#1d4f81 |
rgb(29,79,129) |
hsl(210,63%,31%) |
#19426c |
rgb(25,66,108) |
hsl(210,63%,26%) |
#143657 |
rgb(20,54,87) |
hsl(210,63%,21%) |
#0f2943 |
rgb(15,41,67) |
hsl(210,63%,16%) |
#0a1c2e |
rgb(10,28,46) |
hsl(210,63%,11%) |
#060f19 |
rgb(6,15,25) |
hsl(210,63%,6%) |
#010304 |
rgb(1,3,4) |
hsl(210,63%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D1B7 |
rgb(49,209,183) |
hsl(170,63%,51%) |
#3180D1 |
rgb(49,128,209) |
hsl(210,63%,51%) |
#4C30D1 |
rgb(76,48,209) |
hsl(250,64%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#74ABE0 |
rgb(116,171,224) |
hsl(209,64%,67%) |
#5294D8 |
rgb(82,148,216) |
hsl(210,63%,58%) |
#3180D1 |
rgb(49,128,209) |
hsl(210,63%,51%) |
#276BB1 |
rgb(39,107,177) |
hsl(210,64%,42%) |
#20578F |
rgb(32,87,143) |
hsl(210,63%,34%) |
#18426D |
rgb(24,66,109) |
hsl(210,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3180D1 |
rgb(49,128,209) |
hsl(210,63%,51%) |
#D13331 |
rgb(209,51,49) |
hsl(1,63%,51%) |
#D0D131 |
rgb(208,209,49) |
hsl(60,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3180D1 |
rgb(49,128,209) |
hsl(210,63%,51%) |
#D18231 |
rgb(209,130,49) |
hsl(30,63%,51%) |
#31D1D1 |
rgb(49,209,209) |
hsl(180,63%,51%) |
#D0D131 |
rgb(208,209,49) |
hsl(60,63%,51%) |