HEX #316EEE color — Royal Blue
The color #316EEE is a dark shade and moderately saturated.
Palette
316EEE color palette from light to dark
HEX |
RGB |
HSL |
#ecf2fd |
rgb(236,242,253) |
hsl(221,85%,96%) |
#d5e1fc |
rgb(213,225,252) |
hsl(221,85%,91%) |
#bdd0fa |
rgb(189,208,250) |
hsl(221,85%,86%) |
#a5bff8 |
rgb(165,191,248) |
hsl(221,85%,81%) |
#8eaff6 |
rgb(142,175,246) |
hsl(221,85%,76%) |
#769ef4 |
rgb(118,158,244) |
hsl(221,85%,71%) |
#5f8df2 |
rgb(95,141,242) |
hsl(221,85%,66%) |
#477df0 |
rgb(71,125,240) |
hsl(221,85%,61%) |
#2f6cee |
rgb(47,108,238) |
hsl(221,85%,56%) |
#185bec |
rgb(24,91,236) |
hsl(221,85%,51%) |
#1251d9 |
rgb(18,81,217) |
hsl(221,85%,46%) |
#1048c1 |
rgb(16,72,193) |
hsl(221,85%,41%) |
#0e3faa |
rgb(14,63,170) |
hsl(221,85%,36%) |
#0c3692 |
rgb(12,54,146) |
hsl(221,85%,31%) |
#0a2e7b |
rgb(10,46,123) |
hsl(221,85%,26%) |
#082563 |
rgb(8,37,99) |
hsl(221,85%,21%) |
#061c4b |
rgb(6,28,75) |
hsl(221,85%,16%) |
#041334 |
rgb(4,19,52) |
hsl(221,85%,11%) |
#020b1c |
rgb(2,11,28) |
hsl(221,85%,6%) |
#000205 |
rgb(0,2,5) |
hsl(221,85%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31EDEE |
rgb(49,237,238) |
hsl(180,85%,56%) |
#316EEE |
rgb(49,110,238) |
hsl(221,85%,56%) |
#7230EE |
rgb(114,48,238) |
hsl(261,85%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85ABF5 |
rgb(133,171,245) |
hsl(220,85%,74%) |
#5B8CF1 |
rgb(91,140,241) |
hsl(220,84%,65%) |
#316EEE |
rgb(49,110,238) |
hsl(221,85%,56%) |
#1254DE |
rgb(18,84,222) |
hsl(221,85%,47%) |
#0E45B4 |
rgb(14,69,180) |
hsl(220,86%,38%) |
#0B3389 |
rgb(11,51,137) |
hsl(221,85%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#316EEE |
rgb(49,110,238) |
hsl(221,85%,56%) |
#EE5231 |
rgb(238,82,49) |
hsl(10,85%,56%) |
#CCED31 |
rgb(204,237,49) |
hsl(71,84%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316EEE |
rgb(49,110,238) |
hsl(221,85%,56%) |
#EEB031 |
rgb(238,176,49) |
hsl(40,85%,56%) |
#31CCEE |
rgb(49,204,238) |
hsl(191,85%,56%) |
#CCED31 |
rgb(204,237,49) |
hsl(71,84%,56%) |