HEX #316BE4 color — Royal Blue
The color #316BE4 is a dark shade and moderately saturated.
Palette
316BE4 color palette from light to dark
HEX |
RGB |
HSL |
#fafcfe |
rgb(250,252,254) |
hsl(221,77%,99%) |
#e4ebfb |
rgb(228,235,251) |
hsl(221,77%,94%) |
#cddbf9 |
rgb(205,219,249) |
hsl(221,77%,89%) |
#b7cbf6 |
rgb(183,203,246) |
hsl(221,77%,84%) |
#a0baf3 |
rgb(160,186,243) |
hsl(221,77%,79%) |
#8aaaf0 |
rgb(138,170,240) |
hsl(221,77%,74%) |
#739aed |
rgb(115,154,237) |
hsl(221,77%,69%) |
#5d89ea |
rgb(93,137,234) |
hsl(221,77%,64%) |
#4679e7 |
rgb(70,121,231) |
hsl(221,77%,59%) |
#2f69e4 |
rgb(47,105,228) |
hsl(221,77%,54%) |
#1d5add |
rgb(29,90,221) |
hsl(221,77%,49%) |
#1a51c7 |
rgb(26,81,199) |
hsl(221,77%,44%) |
#1747b0 |
rgb(23,71,176) |
hsl(221,77%,39%) |
#143e99 |
rgb(20,62,153) |
hsl(221,77%,34%) |
#113583 |
rgb(17,53,131) |
hsl(221,77%,29%) |
#0e2c6c |
rgb(14,44,108) |
hsl(221,77%,24%) |
#0b2356 |
rgb(11,35,86) |
hsl(221,77%,19%) |
#081a3f |
rgb(8,26,63) |
hsl(221,77%,14%) |
#051029 |
rgb(5,16,41) |
hsl(221,77%,9%) |
#020712 |
rgb(2,7,18) |
hsl(221,77%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31E3E4 |
rgb(49,227,228) |
hsl(180,77%,54%) |
#316BE4 |
rgb(49,107,228) |
hsl(221,77%,54%) |
#6E30E4 |
rgb(110,48,228) |
hsl(261,77%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FA3EE |
rgb(127,163,238) |
hsl(221,77%,72%) |
#5887E9 |
rgb(88,135,233) |
hsl(221,77%,63%) |
#316BE4 |
rgb(49,107,228) |
hsl(221,77%,54%) |
#1A54CD |
rgb(26,84,205) |
hsl(221,77%,45%) |
#1545A6 |
rgb(21,69,166) |
hsl(220,78%,37%) |
#10367F |
rgb(16,54,127) |
hsl(219,78%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#316BE4 |
rgb(49,107,228) |
hsl(221,77%,54%) |
#E45231 |
rgb(228,82,49) |
hsl(11,77%,54%) |
#C4E331 |
rgb(196,227,49) |
hsl(70,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316BE4 |
rgb(49,107,228) |
hsl(221,77%,54%) |
#E4AB31 |
rgb(228,171,49) |
hsl(41,77%,54%) |
#31C4E4 |
rgb(49,196,228) |
hsl(191,77%,54%) |
#C4E331 |
rgb(196,227,49) |
hsl(70,76%,54%) |