HEX #316BD5 color — Mariner
The color #316BD5 is a dark shade and moderately saturated.
Palette
316BD5 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fc |
rgb(238,243,252) |
hsl(219,66%,96%) |
#d9e4f7 |
rgb(217,228,247) |
hsl(219,66%,91%) |
#c4d4f3 |
rgb(196,212,243) |
hsl(219,66%,86%) |
#afc5ef |
rgb(175,197,239) |
hsl(219,66%,81%) |
#99b6ea |
rgb(153,182,234) |
hsl(219,66%,76%) |
#84a6e6 |
rgb(132,166,230) |
hsl(219,66%,71%) |
#6f97e2 |
rgb(111,151,226) |
hsl(219,66%,66%) |
#5a88dd |
rgb(90,136,221) |
hsl(219,66%,61%) |
#4579d9 |
rgb(69,121,217) |
hsl(219,66%,56%) |
#3069d5 |
rgb(48,105,213) |
hsl(219,66%,51%) |
#285ec3 |
rgb(40,94,195) |
hsl(219,66%,46%) |
#2454ae |
rgb(36,84,174) |
hsl(219,66%,41%) |
#1f4a98 |
rgb(31,74,152) |
hsl(219,66%,36%) |
#1b3f83 |
rgb(27,63,131) |
hsl(219,66%,31%) |
#17356e |
rgb(23,53,110) |
hsl(219,66%,26%) |
#122b59 |
rgb(18,43,89) |
hsl(219,66%,21%) |
#0e2144 |
rgb(14,33,68) |
hsl(219,66%,16%) |
#0a162f |
rgb(10,22,47) |
hsl(219,66%,11%) |
#050c19 |
rgb(5,12,25) |
hsl(219,66%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,66%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D6D1 |
rgb(49,214,209) |
hsl(178,67%,52%) |
#316BD5 |
rgb(49,107,213) |
hsl(219,66%,51%) |
#6430D5 |
rgb(100,48,213) |
hsl(259,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#769EE3 |
rgb(118,158,227) |
hsl(218,66%,68%) |
#5385DC |
rgb(83,133,220) |
hsl(218,66%,59%) |
#316BD5 |
rgb(49,107,213) |
hsl(219,66%,51%) |
#2559B6 |
rgb(37,89,182) |
hsl(218,66%,43%) |
#1E4793 |
rgb(30,71,147) |
hsl(219,66%,35%) |
#173871 |
rgb(23,56,113) |
hsl(218,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#316BD5 |
rgb(49,107,213) |
hsl(219,66%,51%) |
#D54A31 |
rgb(213,74,49) |
hsl(9,66%,51%) |
#BDD631 |
rgb(189,214,49) |
hsl(69,67%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316BD5 |
rgb(49,107,213) |
hsl(219,66%,51%) |
#D59C31 |
rgb(213,156,49) |
hsl(39,66%,51%) |
#31BDD5 |
rgb(49,189,213) |
hsl(189,66%,51%) |
#BDD631 |
rgb(189,214,49) |
hsl(69,67%,52%) |