HEX #316BF4 color — Dodger Blue
The color #316BF4 is a dark shade and moderately saturated.
Palette
316BF4 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fe |
rgb(240,245,254) |
hsl(222,90%,97%) |
#d8e3fd |
rgb(216,227,253) |
hsl(222,90%,92%) |
#c0d2fc |
rgb(192,210,252) |
hsl(222,90%,87%) |
#a8c1fa |
rgb(168,193,250) |
hsl(222,90%,82%) |
#90aff9 |
rgb(144,175,249) |
hsl(222,90%,77%) |
#779ef8 |
rgb(119,158,248) |
hsl(222,90%,72%) |
#5f8df7 |
rgb(95,141,247) |
hsl(222,90%,67%) |
#477bf5 |
rgb(71,123,245) |
hsl(222,90%,62%) |
#2f6af4 |
rgb(47,106,244) |
hsl(222,90%,57%) |
#1659f3 |
rgb(22,89,243) |
hsl(222,90%,52%) |
#0c4de4 |
rgb(12,77,228) |
hsl(222,90%,47%) |
#0b45cb |
rgb(11,69,203) |
hsl(222,90%,42%) |
#093cb3 |
rgb(9,60,179) |
hsl(222,90%,37%) |
#08349b |
rgb(8,52,155) |
hsl(222,90%,32%) |
#072c83 |
rgb(7,44,131) |
hsl(222,90%,27%) |
#06246b |
rgb(6,36,107) |
hsl(222,90%,22%) |
#041c52 |
rgb(4,28,82) |
hsl(222,90%,17%) |
#03143a |
rgb(3,20,58) |
hsl(222,90%,12%) |
#020b22 |
rgb(2,11,34) |
hsl(222,90%,7%) |
#01030a |
rgb(1,3,10) |
hsl(222,90%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31EDF4 |
rgb(49,237,244) |
hsl(182,90%,57%) |
#316BF4 |
rgb(49,107,244) |
hsl(222,90%,57%) |
#7930F4 |
rgb(121,48,244) |
hsl(262,90%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AABF8 |
rgb(138,171,248) |
hsl(222,89%,76%) |
#5D8AF6 |
rgb(93,138,246) |
hsl(222,89%,66%) |
#316BF4 |
rgb(49,107,244) |
hsl(222,90%,57%) |
#0C4FE9 |
rgb(12,79,233) |
hsl(222,90%,48%) |
#0A40BD |
rgb(10,64,189) |
hsl(222,90%,39%) |
#073090 |
rgb(7,48,144) |
hsl(222,91%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#316BF4 |
rgb(49,107,244) |
hsl(222,90%,57%) |
#F45931 |
rgb(244,89,49) |
hsl(12,90%,57%) |
#CCF531 |
rgb(204,245,49) |
hsl(73,91%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316BF4 |
rgb(49,107,244) |
hsl(222,90%,57%) |
#F4BA31 |
rgb(244,186,49) |
hsl(42,90%,57%) |
#31CCF4 |
rgb(49,204,244) |
hsl(192,90%,57%) |
#CCF531 |
rgb(204,245,49) |
hsl(73,91%,58%) |