HEX #3180D0 color — Mariner
The color #3180D0 is a dark shade and moderately saturated.
Palette
3180D0 color palette from light to dark
HEX |
RGB |
HSL |
#eaf2fa |
rgb(234,242,250) |
hsl(210,63%,95%) |
#d5e6f6 |
rgb(213,230,246) |
hsl(210,63%,90%) |
#c1d9f1 |
rgb(193,217,241) |
hsl(210,63%,85%) |
#acccec |
rgb(172,204,236) |
hsl(210,63%,80%) |
#97bfe7 |
rgb(151,191,231) |
hsl(210,63%,75%) |
#82b3e3 |
rgb(130,179,227) |
hsl(210,63%,70%) |
#6ea6de |
rgb(110,166,222) |
hsl(210,63%,65%) |
#5999d9 |
rgb(89,153,217) |
hsl(210,63%,60%) |
#448cd5 |
rgb(68,140,213) |
hsl(210,63%,55%) |
#2f80d0 |
rgb(47,128,208) |
hsl(210,63%,50%) |
#2a73bb |
rgb(42,115,187) |
hsl(210,63%,45%) |
#2666a6 |
rgb(38,102,166) |
hsl(210,63%,40%) |
#215991 |
rgb(33,89,145) |
hsl(210,63%,35%) |
#1c4d7d |
rgb(28,77,125) |
hsl(210,63%,30%) |
#184068 |
rgb(24,64,104) |
hsl(210,63%,25%) |
#133353 |
rgb(19,51,83) |
hsl(210,63%,20%) |
#0e263e |
rgb(14,38,62) |
hsl(210,63%,15%) |
#091a2a |
rgb(9,26,42) |
hsl(210,63%,10%) |
#050d15 |
rgb(5,13,21) |
hsl(210,63%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D1B6 |
rgb(49,209,182) |
hsl(170,63%,51%) |
#3180D0 |
rgb(49,128,208) |
hsl(210,63%,50%) |
#4C30D0 |
rgb(76,48,208) |
hsl(251,63%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#73A8DF |
rgb(115,168,223) |
hsl(211,63%,66%) |
#5294D7 |
rgb(82,148,215) |
hsl(210,62%,58%) |
#3180D0 |
rgb(49,128,208) |
hsl(210,63%,50%) |
#286BAF |
rgb(40,107,175) |
hsl(210,63%,42%) |
#20578E |
rgb(32,87,142) |
hsl(210,63%,34%) |
#18426C |
rgb(24,66,108) |
hsl(210,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3180D0 |
rgb(49,128,208) |
hsl(210,63%,50%) |
#D03031 |
rgb(208,48,49) |
hsl(360,63%,50%) |
#CFD131 |
rgb(207,209,49) |
hsl(61,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3180D0 |
rgb(49,128,208) |
hsl(210,63%,50%) |
#D08231 |
rgb(208,130,49) |
hsl(31,63%,50%) |
#31CFD0 |
rgb(49,207,208) |
hsl(180,63%,50%) |
#CFD131 |
rgb(207,209,49) |
hsl(61,63%,51%) |