HEX #3F70D5 color — Royal Blue
The color #3F70D5 is a dark shade and moderately saturated.
Palette
3F70D5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,64%,99%) |
#e6ecf9 |
rgb(230,236,249) |
hsl(220,64%,94%) |
#d1ddf5 |
rgb(209,221,245) |
hsl(220,64%,89%) |
#bccdf0 |
rgb(188,205,240) |
hsl(220,64%,84%) |
#a7beec |
rgb(167,190,236) |
hsl(220,64%,79%) |
#92afe7 |
rgb(146,175,231) |
hsl(220,64%,74%) |
#7d9fe3 |
rgb(125,159,227) |
hsl(220,64%,69%) |
#6890de |
rgb(104,144,222) |
hsl(220,64%,64%) |
#5480d9 |
rgb(84,128,217) |
hsl(220,64%,59%) |
#3f71d5 |
rgb(63,113,213) |
hsl(220,64%,54%) |
#2d62cd |
rgb(45,98,205) |
hsl(220,64%,49%) |
#2858b8 |
rgb(40,88,184) |
hsl(220,64%,44%) |
#244ea3 |
rgb(36,78,163) |
hsl(220,64%,39%) |
#1f448e |
rgb(31,68,142) |
hsl(220,64%,34%) |
#1b3a79 |
rgb(27,58,121) |
hsl(220,64%,29%) |
#163064 |
rgb(22,48,100) |
hsl(220,64%,24%) |
#11264f |
rgb(17,38,79) |
hsl(220,64%,19%) |
#0d1c3b |
rgb(13,28,59) |
hsl(220,64%,14%) |
#081226 |
rgb(8,18,38) |
hsl(220,64%,9%) |
#040811 |
rgb(4,8,17) |
hsl(220,64%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FD4D5 |
rgb(63,212,213) |
hsl(180,64%,54%) |
#3F70D5 |
rgb(63,112,213) |
hsl(220,64%,54%) |
#7240D5 |
rgb(114,64,213) |
hsl(260,64%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87A6E4 |
rgb(135,166,228) |
hsl(220,63%,71%) |
#638CDC |
rgb(99,140,220) |
hsl(220,63%,63%) |
#3F70D5 |
rgb(63,112,213) |
hsl(220,64%,54%) |
#2959BE |
rgb(41,89,190) |
hsl(221,65%,45%) |
#214A99 |
rgb(33,74,153) |
hsl(220,65%,36%) |
#193875 |
rgb(25,56,117) |
hsl(220,65%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F70D5 |
rgb(63,112,213) |
hsl(220,64%,54%) |
#D5593F |
rgb(213,89,63) |
hsl(10,64%,54%) |
#BBD63F |
rgb(187,214,63) |
hsl(71,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F70D5 |
rgb(63,112,213) |
hsl(220,64%,54%) |
#D5A33F |
rgb(213,163,63) |
hsl(40,64%,54%) |
#3FBAD5 |
rgb(63,186,213) |
hsl(191,64%,54%) |
#BBD63F |
rgb(187,214,63) |
hsl(71,65%,54%) |