HEX #316BD0 color — Mariner
The color #316BD0 is a dark shade and moderately saturated.
Palette
316BD0 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf0fa |
rgb(234,240,250) |
hsl(218,63%,95%) |
| #d5e1f6 |
rgb(213,225,246) |
hsl(218,63%,90%) |
| #c1d2f1 |
rgb(193,210,241) |
hsl(218,63%,85%) |
| #acc3ec |
rgb(172,195,236) |
hsl(218,63%,80%) |
| #97b5e7 |
rgb(151,181,231) |
hsl(218,63%,75%) |
| #82a6e3 |
rgb(130,166,227) |
hsl(218,63%,70%) |
| #6e97de |
rgb(110,151,222) |
hsl(218,63%,65%) |
| #5988d9 |
rgb(89,136,217) |
hsl(218,63%,60%) |
| #4479d5 |
rgb(68,121,213) |
hsl(218,63%,55%) |
| #2f6ad0 |
rgb(47,106,208) |
hsl(218,63%,50%) |
| #2a5fbb |
rgb(42,95,187) |
hsl(218,63%,45%) |
| #2655a6 |
rgb(38,85,166) |
hsl(218,63%,40%) |
| #214a91 |
rgb(33,74,145) |
hsl(218,63%,35%) |
| #1c407d |
rgb(28,64,125) |
hsl(218,63%,30%) |
| #183568 |
rgb(24,53,104) |
hsl(218,63%,25%) |
| #132a53 |
rgb(19,42,83) |
hsl(218,63%,20%) |
| #0e203e |
rgb(14,32,62) |
hsl(218,63%,15%) |
| #09152a |
rgb(9,21,42) |
hsl(218,63%,10%) |
| #050b15 |
rgb(5,11,21) |
hsl(218,63%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31D1CB |
rgb(49,209,203) |
hsl(178,63%,51%) |
| #316BD0 |
rgb(49,107,208) |
hsl(218,63%,50%) |
| #6130D0 |
rgb(97,48,208) |
hsl(258,63%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #739CDF |
rgb(115,156,223) |
hsl(217,63%,66%) |
| #5282D7 |
rgb(82,130,215) |
hsl(218,62%,58%) |
| #316BD0 |
rgb(49,107,208) |
hsl(218,63%,50%) |
| #2859AF |
rgb(40,89,175) |
hsl(218,63%,42%) |
| #20478E |
rgb(32,71,142) |
hsl(219,63%,34%) |
| #18386C |
rgb(24,56,108) |
hsl(217,64%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #316BD0 |
rgb(49,107,208) |
hsl(218,63%,50%) |
| #D04731 |
rgb(208,71,49) |
hsl(8,63%,50%) |
| #BAD131 |
rgb(186,209,49) |
hsl(69,63%,51%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #316BD0 |
rgb(49,107,208) |
hsl(218,63%,50%) |
| #D09631 |
rgb(208,150,49) |
hsl(38,63%,50%) |
| #31BAD0 |
rgb(49,186,208) |
hsl(188,63%,50%) |
| #BAD131 |
rgb(186,209,49) |
hsl(69,63%,51%) |
