HEX #316BD9 color — Mariner
The color #316BD9 is a dark shade and moderately saturated.
Palette
316BD9 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(219,69%,97%) |
#dde6f9 |
rgb(221,230,249) |
hsl(219,69%,92%) |
#c7d7f5 |
rgb(199,215,245) |
hsl(219,69%,87%) |
#b1c8f1 |
rgb(177,200,241) |
hsl(219,69%,82%) |
#9cb8ed |
rgb(156,184,237) |
hsl(219,69%,77%) |
#86a9e9 |
rgb(134,169,233) |
hsl(219,69%,72%) |
#7199e5 |
rgb(113,153,229) |
hsl(219,69%,67%) |
#5b8ae1 |
rgb(91,138,225) |
hsl(219,69%,62%) |
#467bdd |
rgb(70,123,221) |
hsl(219,69%,57%) |
#306bd9 |
rgb(48,107,217) |
hsl(219,69%,52%) |
#255fcb |
rgb(37,95,203) |
hsl(219,69%,47%) |
#2155b5 |
rgb(33,85,181) |
hsl(219,69%,42%) |
#1d4b9f |
rgb(29,75,159) |
hsl(219,69%,37%) |
#19418a |
rgb(25,65,138) |
hsl(219,69%,32%) |
#153774 |
rgb(21,55,116) |
hsl(219,69%,27%) |
#112c5f |
rgb(17,44,95) |
hsl(219,69%,22%) |
#0d2249 |
rgb(13,34,73) |
hsl(219,69%,17%) |
#091834 |
rgb(9,24,52) |
hsl(219,69%,12%) |
#060e1e |
rgb(6,14,30) |
hsl(219,69%,7%) |
#020409 |
rgb(2,4,9) |
hsl(219,69%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D9D7 |
rgb(49,217,215) |
hsl(179,69%,52%) |
#316BD9 |
rgb(49,107,217) |
hsl(219,69%,52%) |
#6730D9 |
rgb(103,48,217) |
hsl(260,69%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#789EE6 |
rgb(120,158,230) |
hsl(219,69%,69%) |
#5485DF |
rgb(84,133,223) |
hsl(219,68%,60%) |
#316BD9 |
rgb(49,107,217) |
hsl(219,69%,52%) |
#2257BC |
rgb(34,87,188) |
hsl(219,69%,44%) |
#1C4798 |
rgb(28,71,152) |
hsl(219,69%,35%) |
#153674 |
rgb(21,54,116) |
hsl(219,69%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#316BD9 |
rgb(49,107,217) |
hsl(219,69%,52%) |
#D94A31 |
rgb(217,74,49) |
hsl(9,69%,52%) |
#BFD931 |
rgb(191,217,49) |
hsl(69,69%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316BD9 |
rgb(49,107,217) |
hsl(219,69%,52%) |
#D99E31 |
rgb(217,158,49) |
hsl(39,69%,52%) |
#31BFD9 |
rgb(49,191,217) |
hsl(189,69%,52%) |
#BFD931 |
rgb(191,217,49) |
hsl(69,69%,52%) |