HEX #316CD8 color — Mariner
The color #316cd8 is a dark shade and moderately saturated.
Palette
316cd8 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(219,68%,97%) |
#dde6f8 |
rgb(221,230,248) |
hsl(219,68%,92%) |
#c7d7f4 |
rgb(199,215,244) |
hsl(219,68%,87%) |
#b2c8f0 |
rgb(178,200,240) |
hsl(219,68%,82%) |
#9cb8ec |
rgb(156,184,236) |
hsl(219,68%,77%) |
#87a9e8 |
rgb(135,169,232) |
hsl(219,68%,72%) |
#729ae4 |
rgb(114,154,228) |
hsl(219,68%,67%) |
#5c8ae0 |
rgb(92,138,224) |
hsl(219,68%,62%) |
#477bdc |
rgb(71,123,220) |
hsl(219,68%,57%) |
#316cd8 |
rgb(49,108,216) |
hsl(219,68%,52%) |
#265fc9 |
rgb(38,95,201) |
hsl(219,68%,47%) |
#2255b4 |
rgb(34,85,180) |
hsl(219,68%,42%) |
#1e4b9f |
rgb(30,75,159) |
hsl(219,68%,37%) |
#1a4189 |
rgb(26,65,137) |
hsl(219,68%,32%) |
#163774 |
rgb(22,55,116) |
hsl(219,68%,27%) |
#122d5e |
rgb(18,45,94) |
hsl(219,68%,22%) |
#0e2349 |
rgb(14,35,73) |
hsl(219,68%,17%) |
#0a1833 |
rgb(10,24,51) |
hsl(219,68%,12%) |
#060e1e |
rgb(6,14,30) |
hsl(219,68%,7%) |
#020409 |
rgb(2,4,9) |
hsl(219,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D9D4 |
rgb(49,217,212) |
hsl(178,69%,52%) |
#316CD8 |
rgb(49,108,216) |
hsl(219,68%,52%) |
#6530D8 |
rgb(101,48,216) |
hsl(259,68%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#789EE5 |
rgb(120,158,229) |
hsl(219,68%,68%) |
#5485DE |
rgb(84,133,222) |
hsl(219,68%,60%) |
#316CD8 |
rgb(49,108,216) |
hsl(219,68%,52%) |
#2359BB |
rgb(35,89,187) |
hsl(219,68%,44%) |
#1C4797 |
rgb(28,71,151) |
hsl(219,69%,35%) |
#153873 |
rgb(21,56,115) |
hsl(218,69%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#316CD8 |
rgb(49,108,216) |
hsl(219,68%,52%) |
#D84A31 |
rgb(216,74,49) |
hsl(9,68%,52%) |
#BFD931 |
rgb(191,217,49) |
hsl(69,69%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316CD8 |
rgb(49,108,216) |
hsl(219,68%,52%) |
#D89E31 |
rgb(216,158,49) |
hsl(39,68%,52%) |
#31BFD8 |
rgb(49,191,216) |
hsl(189,68%,52%) |
#BFD931 |
rgb(191,217,49) |
hsl(69,69%,52%) |