HEX #3170F1 color — Royal Blue
The color #3170F1 is a dark shade and moderately saturated.
Palette
3170F1 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fe |
rgb(241,245,254) |
hsl(220,87%,97%) |
#d9e5fc |
rgb(217,229,252) |
hsl(220,87%,92%) |
#c1d4fb |
rgb(193,212,251) |
hsl(220,87%,87%) |
#a9c4f9 |
rgb(169,196,249) |
hsl(220,87%,82%) |
#91b3f7 |
rgb(145,179,247) |
hsl(220,87%,77%) |
#79a3f6 |
rgb(121,163,246) |
hsl(220,87%,72%) |
#6292f4 |
rgb(98,146,244) |
hsl(220,87%,67%) |
#4a82f2 |
rgb(74,130,242) |
hsl(220,87%,62%) |
#3272f1 |
rgb(50,114,241) |
hsl(220,87%,57%) |
#1a61ef |
rgb(26,97,239) |
hsl(220,87%,52%) |
#1055e0 |
rgb(16,85,224) |
hsl(220,87%,47%) |
#0e4cc8 |
rgb(14,76,200) |
hsl(220,87%,42%) |
#0c43b0 |
rgb(12,67,176) |
hsl(220,87%,37%) |
#0b3a99 |
rgb(11,58,153) |
hsl(220,87%,32%) |
#093181 |
rgb(9,49,129) |
hsl(220,87%,27%) |
#072869 |
rgb(7,40,105) |
hsl(220,87%,22%) |
#061f51 |
rgb(6,31,81) |
hsl(220,87%,17%) |
#041639 |
rgb(4,22,57) |
hsl(220,87%,12%) |
#020d21 |
rgb(2,13,33) |
hsl(220,87%,7%) |
#01040a |
rgb(1,4,10) |
hsl(220,87%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31F0F1 |
rgb(49,240,241) |
hsl(180,87%,57%) |
#3170F1 |
rgb(49,112,241) |
hsl(220,87%,57%) |
#7230F1 |
rgb(114,48,241) |
hsl(261,87%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87ADF6 |
rgb(135,173,246) |
hsl(219,86%,75%) |
#5C8FF3 |
rgb(92,143,243) |
hsl(220,86%,66%) |
#3170F1 |
rgb(49,112,241) |
hsl(220,87%,57%) |
#0F54E4 |
rgb(15,84,228) |
hsl(221,88%,48%) |
#0C45B8 |
rgb(12,69,184) |
hsl(220,88%,38%) |
#09368D |
rgb(9,54,141) |
hsl(220,88%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3170F1 |
rgb(49,112,241) |
hsl(220,87%,57%) |
#F15231 |
rgb(241,82,49) |
hsl(10,87%,57%) |
#D0F231 |
rgb(208,242,49) |
hsl(71,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3170F1 |
rgb(49,112,241) |
hsl(220,87%,57%) |
#F1B331 |
rgb(241,179,49) |
hsl(41,87%,57%) |
#31D1F1 |
rgb(49,209,241) |
hsl(190,87%,57%) |
#D0F231 |
rgb(208,242,49) |
hsl(71,88%,57%) |