HEX #3170F0 color — Royal Blue
The color #3170F0 is a dark shade and moderately saturated.
Palette
3170F0 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fe |
rgb(241,245,254) |
hsl(220,86%,97%) |
#d9e5fc |
rgb(217,229,252) |
hsl(220,86%,92%) |
#c1d4fa |
rgb(193,212,250) |
hsl(220,86%,87%) |
#aac4f9 |
rgb(170,196,249) |
hsl(220,86%,82%) |
#92b4f7 |
rgb(146,180,247) |
hsl(220,86%,77%) |
#7aa3f5 |
rgb(122,163,245) |
hsl(220,86%,72%) |
#6293f3 |
rgb(98,147,243) |
hsl(220,86%,67%) |
#4b82f1 |
rgb(75,130,241) |
hsl(220,86%,62%) |
#3372f0 |
rgb(51,114,240) |
hsl(220,86%,57%) |
#1b62ee |
rgb(27,98,238) |
hsl(220,86%,52%) |
#1155df |
rgb(17,85,223) |
hsl(220,86%,47%) |
#0f4cc7 |
rgb(15,76,199) |
hsl(220,86%,42%) |
#0d43af |
rgb(13,67,175) |
hsl(220,86%,37%) |
#0b3a98 |
rgb(11,58,152) |
hsl(220,86%,32%) |
#0a3180 |
rgb(10,49,128) |
hsl(220,86%,27%) |
#082868 |
rgb(8,40,104) |
hsl(220,86%,22%) |
#061f51 |
rgb(6,31,81) |
hsl(220,86%,17%) |
#041639 |
rgb(4,22,57) |
hsl(220,86%,12%) |
#020d21 |
rgb(2,13,33) |
hsl(220,86%,7%) |
#010409 |
rgb(1,4,9) |
hsl(220,86%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31F0F0 |
rgb(49,240,240) |
hsl(180,86%,57%) |
#3170F0 |
rgb(49,112,240) |
hsl(220,86%,57%) |
#7130F0 |
rgb(113,48,240) |
hsl(260,86%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87ABF6 |
rgb(135,171,246) |
hsl(221,86%,75%) |
#5C8FF3 |
rgb(92,143,243) |
hsl(220,86%,66%) |
#3170F0 |
rgb(49,112,240) |
hsl(220,86%,57%) |
#1057E2 |
rgb(16,87,226) |
hsl(220,87%,47%) |
#0D45B7 |
rgb(13,69,183) |
hsl(220,87%,38%) |
#0A368C |
rgb(10,54,140) |
hsl(220,87%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3170F0 |
rgb(49,112,240) |
hsl(220,86%,57%) |
#F05231 |
rgb(240,82,49) |
hsl(10,86%,57%) |
#CFF031 |
rgb(207,240,49) |
hsl(70,86%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3170F0 |
rgb(49,112,240) |
hsl(220,86%,57%) |
#F0B031 |
rgb(240,176,49) |
hsl(40,86%,57%) |
#31CFF0 |
rgb(49,207,240) |
hsl(190,86%,57%) |
#CFF031 |
rgb(207,240,49) |
hsl(70,86%,57%) |