HEX #3673F1 color — Royal Blue
The color #3673F1 is a dark shade and moderately saturated.
Palette
3673F1 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fe |
rgb(245,248,254) |
hsl(220,87%,98%) |
#dee8fd |
rgb(222,232,253) |
hsl(220,87%,93%) |
#c6d8fb |
rgb(198,216,251) |
hsl(220,87%,88%) |
#aec7f9 |
rgb(174,199,249) |
hsl(220,87%,83%) |
#96b7f8 |
rgb(150,183,248) |
hsl(220,87%,78%) |
#7ea6f6 |
rgb(126,166,246) |
hsl(220,87%,73%) |
#6696f4 |
rgb(102,150,244) |
hsl(220,87%,68%) |
#4f85f3 |
rgb(79,133,243) |
hsl(220,87%,63%) |
#3775f1 |
rgb(55,117,241) |
hsl(220,87%,58%) |
#1f64ef |
rgb(31,100,239) |
hsl(220,87%,53%) |
#1057e5 |
rgb(16,87,229) |
hsl(220,87%,48%) |
#0e4ecd |
rgb(14,78,205) |
hsl(220,87%,43%) |
#0d45b5 |
rgb(13,69,181) |
hsl(220,87%,38%) |
#0b3c9d |
rgb(11,60,157) |
hsl(220,87%,33%) |
#093386 |
rgb(9,51,134) |
hsl(220,87%,28%) |
#082a6e |
rgb(8,42,110) |
hsl(220,87%,23%) |
#062156 |
rgb(6,33,86) |
hsl(220,87%,18%) |
#04183e |
rgb(4,24,62) |
hsl(220,87%,13%) |
#030e26 |
rgb(3,14,38) |
hsl(220,87%,8%) |
#01050e |
rgb(1,5,14) |
hsl(220,87%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36F0F1 |
rgb(54,240,241) |
hsl(180,87%,58%) |
#3673F1 |
rgb(54,115,241) |
hsl(220,87%,58%) |
#7536F1 |
rgb(117,54,241) |
hsl(260,87%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EB0F7 |
rgb(142,176,247) |
hsl(221,87%,76%) |
#6291F4 |
rgb(98,145,244) |
hsl(221,87%,67%) |
#3673F1 |
rgb(54,115,241) |
hsl(220,87%,58%) |
#1057E7 |
rgb(16,87,231) |
hsl(220,87%,48%) |
#0D45BB |
rgb(13,69,187) |
hsl(221,87%,39%) |
#09368F |
rgb(9,54,143) |
hsl(220,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3673F1 |
rgb(54,115,241) |
hsl(220,87%,58%) |
#F15736 |
rgb(241,87,54) |
hsl(11,87%,58%) |
#D0F236 |
rgb(208,242,54) |
hsl(71,88%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3673F1 |
rgb(54,115,241) |
hsl(220,87%,58%) |
#F1B536 |
rgb(241,181,54) |
hsl(41,87%,58%) |
#36D1F1 |
rgb(54,209,241) |
hsl(190,87%,58%) |
#D0F236 |
rgb(208,242,54) |
hsl(71,88%,58%) |