HEX #366BF3 color — Royal Blue
The color #366BF3 is a dark shade and moderately saturated.
Palette
366BF3 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fe |
rgb(245,248,254) |
hsl(223,89%,98%) |
#dde6fd |
rgb(221,230,253) |
hsl(223,89%,93%) |
#c5d5fc |
rgb(197,213,252) |
hsl(223,89%,88%) |
#adc3fa |
rgb(173,195,250) |
hsl(223,89%,83%) |
#95b1f9 |
rgb(149,177,249) |
hsl(223,89%,78%) |
#7da0f7 |
rgb(125,160,247) |
hsl(223,89%,73%) |
#658ef6 |
rgb(101,142,246) |
hsl(223,89%,68%) |
#4d7cf5 |
rgb(77,124,245) |
hsl(223,89%,63%) |
#356bf3 |
rgb(53,107,243) |
hsl(223,89%,58%) |
#1c59f2 |
rgb(28,89,242) |
hsl(223,89%,53%) |
#0d4be7 |
rgb(13,75,231) |
hsl(223,89%,48%) |
#0c43cf |
rgb(12,67,207) |
hsl(223,89%,43%) |
#0b3cb7 |
rgb(11,60,183) |
hsl(223,89%,38%) |
#09349f |
rgb(9,52,159) |
hsl(223,89%,33%) |
#082c87 |
rgb(8,44,135) |
hsl(223,89%,28%) |
#06246f |
rgb(6,36,111) |
hsl(223,89%,23%) |
#051c57 |
rgb(5,28,87) |
hsl(223,89%,18%) |
#04143f |
rgb(4,20,63) |
hsl(223,89%,13%) |
#020d27 |
rgb(2,13,39) |
hsl(223,89%,8%) |
#01050e |
rgb(1,5,14) |
hsl(223,89%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36E8F3 |
rgb(54,232,243) |
hsl(183,89%,58%) |
#366BF3 |
rgb(54,107,243) |
hsl(223,89%,58%) |
#7F36F3 |
rgb(127,54,243) |
hsl(263,89%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FADF8 |
rgb(143,173,248) |
hsl(223,88%,77%) |
#628CF5 |
rgb(98,140,245) |
hsl(223,88%,67%) |
#366BF3 |
rgb(54,107,243) |
hsl(223,89%,58%) |
#0E4DEB |
rgb(14,77,235) |
hsl(223,89%,49%) |
#0B3DBE |
rgb(11,61,190) |
hsl(223,89%,39%) |
#082E91 |
rgb(8,46,145) |
hsl(223,90%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#366BF3 |
rgb(54,107,243) |
hsl(223,89%,58%) |
#F35E36 |
rgb(243,94,54) |
hsl(13,89%,58%) |
#C9F236 |
rgb(201,242,54) |
hsl(73,88%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366BF3 |
rgb(54,107,243) |
hsl(223,89%,58%) |
#F3BF36 |
rgb(243,191,54) |
hsl(43,89%,58%) |
#36C9F3 |
rgb(54,201,243) |
hsl(193,89%,58%) |
#C9F236 |
rgb(201,242,54) |
hsl(73,88%,58%) |