HEX #316BDB color — Royal Blue
The color #316BDB is a dark shade and moderately saturated.
Palette
316BDB color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fd |
rgb(246,249,253) |
hsl(220,70%,98%) |
#e1e9fa |
rgb(225,233,250) |
hsl(220,70%,93%) |
#cbd9f6 |
rgb(203,217,246) |
hsl(220,70%,88%) |
#b5caf2 |
rgb(181,202,242) |
hsl(220,70%,83%) |
#a0baee |
rgb(160,186,238) |
hsl(220,70%,78%) |
#8aaaea |
rgb(138,170,234) |
hsl(220,70%,73%) |
#749ae7 |
rgb(116,154,231) |
hsl(220,70%,68%) |
#5f8be3 |
rgb(95,139,227) |
hsl(220,70%,63%) |
#497bdf |
rgb(73,123,223) |
hsl(220,70%,58%) |
#336bdb |
rgb(51,107,219) |
hsl(220,70%,53%) |
#255ed0 |
rgb(37,94,208) |
hsl(220,70%,48%) |
#2154ba |
rgb(33,84,186) |
hsl(220,70%,43%) |
#1d4aa5 |
rgb(29,74,165) |
hsl(220,70%,38%) |
#19418f |
rgb(25,65,143) |
hsl(220,70%,33%) |
#153779 |
rgb(21,55,121) |
hsl(220,70%,28%) |
#122d64 |
rgb(18,45,100) |
hsl(220,70%,23%) |
#0e234e |
rgb(14,35,78) |
hsl(220,70%,18%) |
#0a1938 |
rgb(10,25,56) |
hsl(220,70%,13%) |
#061023 |
rgb(6,16,35) |
hsl(220,70%,8%) |
#02060d |
rgb(2,6,13) |
hsl(220,70%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31DBD9 |
rgb(49,219,217) |
hsl(179,70%,53%) |
#316BDB |
rgb(49,107,219) |
hsl(220,70%,53%) |
#6830DB |
rgb(104,48,219) |
hsl(260,70%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7AA1E7 |
rgb(122,161,231) |
hsl(219,69%,69%) |
#5585E1 |
rgb(85,133,225) |
hsl(219,70%,61%) |
#316BDB |
rgb(49,107,219) |
hsl(220,70%,53%) |
#2157BF |
rgb(33,87,191) |
hsl(219,71%,44%) |
#1B479B |
rgb(27,71,155) |
hsl(219,70%,36%) |
#143676 |
rgb(20,54,118) |
hsl(219,71%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#316BDB |
rgb(49,107,219) |
hsl(220,70%,53%) |
#DB4D31 |
rgb(219,77,49) |
hsl(10,70%,53%) |
#C0DB31 |
rgb(192,219,49) |
hsl(70,70%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316BDB |
rgb(49,107,219) |
hsl(220,70%,53%) |
#DBA131 |
rgb(219,161,49) |
hsl(40,70%,53%) |
#31BFDB |
rgb(49,191,219) |
hsl(190,70%,53%) |
#C0DB31 |
rgb(192,219,49) |
hsl(70,70%,53%) |