HEX #366EF0 color — Royal Blue
The color #366EF0 is a dark shade and moderately saturated.
Palette
366EF0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(222,86%,98%) |
#dee7fd |
rgb(222,231,253) |
hsl(222,86%,93%) |
#c6d6fb |
rgb(198,214,251) |
hsl(222,86%,88%) |
#aec5f9 |
rgb(174,197,249) |
hsl(222,86%,83%) |
#97b4f7 |
rgb(151,180,247) |
hsl(222,86%,78%) |
#7fa2f5 |
rgb(127,162,245) |
hsl(222,86%,73%) |
#6791f4 |
rgb(103,145,244) |
hsl(222,86%,68%) |
#5080f2 |
rgb(80,128,242) |
hsl(222,86%,63%) |
#386ff0 |
rgb(56,111,240) |
hsl(222,86%,58%) |
#205eee |
rgb(32,94,238) |
hsl(222,86%,53%) |
#1150e4 |
rgb(17,80,228) |
hsl(222,86%,48%) |
#0f48cc |
rgb(15,72,204) |
hsl(222,86%,43%) |
#0e40b4 |
rgb(14,64,180) |
hsl(222,86%,38%) |
#0c379d |
rgb(12,55,157) |
hsl(222,86%,33%) |
#0a2f85 |
rgb(10,47,133) |
hsl(222,86%,28%) |
#08266d |
rgb(8,38,109) |
hsl(222,86%,23%) |
#061e55 |
rgb(6,30,85) |
hsl(222,86%,18%) |
#05163e |
rgb(5,22,62) |
hsl(222,86%,13%) |
#030d26 |
rgb(3,13,38) |
hsl(222,86%,8%) |
#01050e |
rgb(1,5,14) |
hsl(222,86%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36EBF0 |
rgb(54,235,240) |
hsl(182,86%,58%) |
#366EF0 |
rgb(54,110,240) |
hsl(222,86%,58%) |
#7A36F0 |
rgb(122,54,240) |
hsl(262,86%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DADF6 |
rgb(141,173,246) |
hsl(222,85%,76%) |
#618FF3 |
rgb(97,143,243) |
hsl(221,86%,67%) |
#366EF0 |
rgb(54,110,240) |
hsl(222,86%,58%) |
#1152E5 |
rgb(17,82,229) |
hsl(222,86%,48%) |
#0D42BA |
rgb(13,66,186) |
hsl(222,87%,39%) |
#0A338E |
rgb(10,51,142) |
hsl(221,87%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#366EF0 |
rgb(54,110,240) |
hsl(222,86%,58%) |
#F05C36 |
rgb(240,92,54) |
hsl(12,86%,58%) |
#CBF036 |
rgb(203,240,54) |
hsl(72,86%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366EF0 |
rgb(54,110,240) |
hsl(222,86%,58%) |
#F0B836 |
rgb(240,184,54) |
hsl(42,86%,58%) |
#36CCF0 |
rgb(54,204,240) |
hsl(192,86%,58%) |
#CBF036 |
rgb(203,240,54) |
hsl(72,86%,58%) |