HEX #366BF1 color — Royal Blue
The color #366BF1 is a dark shade and moderately saturated.
Palette
366BF1 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fe |
rgb(245,248,254) |
hsl(223,87%,98%) |
#dee6fd |
rgb(222,230,253) |
hsl(223,87%,93%) |
#c6d5fb |
rgb(198,213,251) |
hsl(223,87%,88%) |
#aec3f9 |
rgb(174,195,249) |
hsl(223,87%,83%) |
#96b2f8 |
rgb(150,178,248) |
hsl(223,87%,78%) |
#7ea0f6 |
rgb(126,160,246) |
hsl(223,87%,73%) |
#668ff4 |
rgb(102,143,244) |
hsl(223,87%,68%) |
#4f7df3 |
rgb(79,125,243) |
hsl(223,87%,63%) |
#376cf1 |
rgb(55,108,241) |
hsl(223,87%,58%) |
#1f5aef |
rgb(31,90,239) |
hsl(223,87%,53%) |
#104ce5 |
rgb(16,76,229) |
hsl(223,87%,48%) |
#0e44cd |
rgb(14,68,205) |
hsl(223,87%,43%) |
#0d3cb5 |
rgb(13,60,181) |
hsl(223,87%,38%) |
#0b349d |
rgb(11,52,157) |
hsl(223,87%,33%) |
#092c86 |
rgb(9,44,134) |
hsl(223,87%,28%) |
#08256e |
rgb(8,37,110) |
hsl(223,87%,23%) |
#061d56 |
rgb(6,29,86) |
hsl(223,87%,18%) |
#04153e |
rgb(4,21,62) |
hsl(223,87%,13%) |
#030d26 |
rgb(3,13,38) |
hsl(223,87%,8%) |
#01050e |
rgb(1,5,14) |
hsl(223,87%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36E8F1 |
rgb(54,232,241) |
hsl(183,87%,58%) |
#366BF1 |
rgb(54,107,241) |
hsl(223,87%,58%) |
#7D36F1 |
rgb(125,54,241) |
hsl(263,87%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EABF7 |
rgb(142,171,247) |
hsl(223,87%,76%) |
#628CF4 |
rgb(98,140,244) |
hsl(223,87%,67%) |
#366BF1 |
rgb(54,107,241) |
hsl(223,87%,58%) |
#104DE7 |
rgb(16,77,231) |
hsl(223,87%,48%) |
#0D40BB |
rgb(13,64,187) |
hsl(222,87%,39%) |
#09308F |
rgb(9,48,143) |
hsl(223,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#366BF1 |
rgb(54,107,241) |
hsl(223,87%,58%) |
#F15E36 |
rgb(241,94,54) |
hsl(13,87%,58%) |
#C8F236 |
rgb(200,242,54) |
hsl(73,88%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366BF1 |
rgb(54,107,241) |
hsl(223,87%,58%) |
#F1BD36 |
rgb(241,189,54) |
hsl(43,87%,58%) |
#36C9F1 |
rgb(54,201,241) |
hsl(193,87%,58%) |
#C8F236 |
rgb(200,242,54) |
hsl(73,88%,58%) |