HEX #316BE6 color — Royal Blue
The color #316BE6 is a dark shade and moderately saturated.
Palette
316BE6 color palette from light to dark
HEX |
RGB |
HSL |
#e8effc |
rgb(232,239,252) |
hsl(221,78%,95%) |
#d2def9 |
rgb(210,222,249) |
hsl(221,78%,90%) |
#bbcef7 |
rgb(187,206,247) |
hsl(221,78%,85%) |
#a4bdf4 |
rgb(164,189,244) |
hsl(221,78%,80%) |
#8eadf1 |
rgb(142,173,241) |
hsl(221,78%,75%) |
#779dee |
rgb(119,157,238) |
hsl(221,78%,70%) |
#608ceb |
rgb(96,140,235) |
hsl(221,78%,65%) |
#497ce9 |
rgb(73,124,233) |
hsl(221,78%,60%) |
#336be6 |
rgb(51,107,230) |
hsl(221,78%,55%) |
#1c5be3 |
rgb(28,91,227) |
hsl(221,78%,50%) |
#1952cc |
rgb(25,82,204) |
hsl(221,78%,45%) |
#1649b6 |
rgb(22,73,182) |
hsl(221,78%,40%) |
#14409f |
rgb(20,64,159) |
hsl(221,78%,35%) |
#113788 |
rgb(17,55,136) |
hsl(221,78%,30%) |
#0e2e71 |
rgb(14,46,113) |
hsl(221,78%,25%) |
#0b245b |
rgb(11,36,91) |
hsl(221,78%,20%) |
#081b44 |
rgb(8,27,68) |
hsl(221,78%,15%) |
#06122d |
rgb(6,18,45) |
hsl(221,78%,10%) |
#030917 |
rgb(3,9,23) |
hsl(221,78%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31E3E6 |
rgb(49,227,230) |
hsl(181,78%,55%) |
#316BE6 |
rgb(49,107,230) |
hsl(221,78%,55%) |
#6F30E6 |
rgb(111,48,230) |
hsl(261,78%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A3EF |
rgb(128,163,239) |
hsl(221,78%,72%) |
#5887EA |
rgb(88,135,234) |
hsl(221,78%,63%) |
#316BE6 |
rgb(49,107,230) |
hsl(221,78%,55%) |
#1954D1 |
rgb(25,84,209) |
hsl(221,79%,46%) |
#1445A9 |
rgb(20,69,169) |
hsl(220,79%,37%) |
#0F3381 |
rgb(15,51,129) |
hsl(221,79%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#316BE6 |
rgb(49,107,230) |
hsl(221,78%,55%) |
#E65231 |
rgb(230,82,49) |
hsl(11,78%,55%) |
#C5E631 |
rgb(197,230,49) |
hsl(71,78%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316BE6 |
rgb(49,107,230) |
hsl(221,78%,55%) |
#E6AB31 |
rgb(230,171,49) |
hsl(40,78%,55%) |
#31C4E6 |
rgb(49,196,230) |
hsl(191,78%,55%) |
#C5E631 |
rgb(197,230,49) |
hsl(71,78%,55%) |