HEX #317AD8 color — Mariner
The color #317AD8 is a dark shade and moderately saturated.
Palette
317AD8 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(214,68%,97%) |
#dde9f8 |
rgb(221,233,248) |
hsl(214,68%,92%) |
#c7dbf4 |
rgb(199,219,244) |
hsl(214,68%,87%) |
#b2cdf0 |
rgb(178,205,240) |
hsl(214,68%,82%) |
#9cbfec |
rgb(156,191,236) |
hsl(214,68%,77%) |
#87b1e8 |
rgb(135,177,232) |
hsl(214,68%,72%) |
#72a3e4 |
rgb(114,163,228) |
hsl(214,68%,67%) |
#5c95e0 |
rgb(92,149,224) |
hsl(214,68%,62%) |
#4787dc |
rgb(71,135,220) |
hsl(214,68%,57%) |
#317ad8 |
rgb(49,122,216) |
hsl(214,68%,52%) |
#266dc9 |
rgb(38,109,201) |
hsl(214,68%,47%) |
#2261b4 |
rgb(34,97,180) |
hsl(214,68%,42%) |
#1e569f |
rgb(30,86,159) |
hsl(214,68%,37%) |
#1a4a89 |
rgb(26,74,137) |
hsl(214,68%,32%) |
#163f74 |
rgb(22,63,116) |
hsl(214,68%,27%) |
#12335e |
rgb(18,51,94) |
hsl(214,68%,22%) |
#0e2749 |
rgb(14,39,73) |
hsl(214,68%,17%) |
#0a1c33 |
rgb(10,28,51) |
hsl(214,68%,12%) |
#06101e |
rgb(6,16,30) |
hsl(214,68%,7%) |
#020509 |
rgb(2,5,9) |
hsl(214,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D9C6 |
rgb(49,217,198) |
hsl(173,69%,52%) |
#317AD8 |
rgb(49,122,216) |
hsl(214,68%,52%) |
#5730D8 |
rgb(87,48,216) |
hsl(254,68%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#78A8E5 |
rgb(120,168,229) |
hsl(214,68%,68%) |
#5491DE |
rgb(84,145,222) |
hsl(213,68%,60%) |
#317AD8 |
rgb(49,122,216) |
hsl(214,68%,52%) |
#2366BB |
rgb(35,102,187) |
hsl(214,68%,44%) |
#1C5297 |
rgb(28,82,151) |
hsl(214,69%,35%) |
#154073 |
rgb(21,64,115) |
hsl(213,69%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#317AD8 |
rgb(49,122,216) |
hsl(214,68%,52%) |
#D83B31 |
rgb(216,59,49) |
hsl(4,68%,52%) |
#CDD931 |
rgb(205,217,49) |
hsl(64,69%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#317AD8 |
rgb(49,122,216) |
hsl(214,68%,52%) |
#D88F31 |
rgb(216,143,49) |
hsl(34,68%,52%) |
#31CFD8 |
rgb(49,207,216) |
hsl(183,68%,52%) |
#CDD931 |
rgb(205,217,49) |
hsl(64,69%,52%) |