HEX #316BF2 color — Royal Blue
The color #316bf2 is a dark shade and moderately saturated.
Palette
316bf2 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fe |
rgb(241,245,254) |
hsl(222,88%,97%) |
#d9e3fd |
rgb(217,227,253) |
hsl(222,88%,92%) |
#c1d2fb |
rgb(193,210,251) |
hsl(222,88%,87%) |
#a9c1f9 |
rgb(169,193,249) |
hsl(222,88%,82%) |
#91b0f8 |
rgb(145,176,248) |
hsl(222,88%,77%) |
#799ef6 |
rgb(121,158,246) |
hsl(222,88%,72%) |
#618df5 |
rgb(97,141,245) |
hsl(222,88%,67%) |
#497cf3 |
rgb(73,124,243) |
hsl(222,88%,62%) |
#316bf2 |
rgb(49,107,242) |
hsl(222,88%,57%) |
#195af0 |
rgb(25,90,240) |
hsl(222,88%,52%) |
#0e4ee1 |
rgb(14,78,225) |
hsl(222,88%,47%) |
#0d45c9 |
rgb(13,69,201) |
hsl(222,88%,42%) |
#0b3db1 |
rgb(11,61,177) |
hsl(222,88%,37%) |
#0a3599 |
rgb(10,53,153) |
hsl(222,88%,32%) |
#082d81 |
rgb(8,45,129) |
hsl(222,88%,27%) |
#072469 |
rgb(7,36,105) |
hsl(222,88%,22%) |
#051c51 |
rgb(5,28,81) |
hsl(222,88%,17%) |
#04143a |
rgb(4,20,58) |
hsl(222,88%,12%) |
#020c22 |
rgb(2,12,34) |
hsl(222,88%,7%) |
#01030a |
rgb(1,3,10) |
hsl(222,88%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31EBF2 |
rgb(49,235,242) |
hsl(182,88%,57%) |
#316BF2 |
rgb(49,107,242) |
hsl(222,88%,57%) |
#7730F2 |
rgb(119,48,242) |
hsl(262,88%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88ABF7 |
rgb(136,171,247) |
hsl(221,87%,75%) |
#5C8AF4 |
rgb(92,138,244) |
hsl(222,87%,66%) |
#316BF2 |
rgb(49,107,242) |
hsl(222,88%,57%) |
#0E4FE5 |
rgb(14,79,229) |
hsl(222,88%,48%) |
#0B40BA |
rgb(11,64,186) |
hsl(222,89%,39%) |
#08308E |
rgb(8,48,142) |
hsl(222,89%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#316BF2 |
rgb(49,107,242) |
hsl(222,88%,57%) |
#F25731 |
rgb(242,87,49) |
hsl(12,88%,57%) |
#CBF231 |
rgb(203,242,49) |
hsl(72,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316BF2 |
rgb(49,107,242) |
hsl(222,88%,57%) |
#F2B831 |
rgb(242,184,49) |
hsl(42,88%,57%) |
#31CCF2 |
rgb(49,204,242) |
hsl(192,88%,57%) |
#CBF231 |
rgb(203,242,49) |
hsl(72,88%,57%) |