HEX #396FEF color — Royal Blue
The color #396fef is a dark shade and moderately saturated.
Palette
396fef color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(222,85%,98%) |
#dee7fc |
rgb(222,231,252) |
hsl(222,85%,93%) |
#c6d6fa |
rgb(198,214,250) |
hsl(222,85%,88%) |
#afc5f8 |
rgb(175,197,248) |
hsl(222,85%,83%) |
#97b4f7 |
rgb(151,180,247) |
hsl(222,85%,78%) |
#80a3f5 |
rgb(128,163,245) |
hsl(222,85%,73%) |
#6892f3 |
rgb(104,146,243) |
hsl(222,85%,68%) |
#5081f1 |
rgb(80,129,241) |
hsl(222,85%,63%) |
#396fef |
rgb(57,111,239) |
hsl(222,85%,58%) |
#215eed |
rgb(33,94,237) |
hsl(222,85%,53%) |
#1251e2 |
rgb(18,81,226) |
hsl(222,85%,48%) |
#1048cb |
rgb(16,72,203) |
hsl(222,85%,43%) |
#0f40b3 |
rgb(15,64,179) |
hsl(222,85%,38%) |
#0d389c |
rgb(13,56,156) |
hsl(222,85%,33%) |
#0b2f84 |
rgb(11,47,132) |
hsl(222,85%,28%) |
#09276d |
rgb(9,39,109) |
hsl(222,85%,23%) |
#071e55 |
rgb(7,30,85) |
hsl(222,85%,18%) |
#05163d |
rgb(5,22,61) |
hsl(222,85%,13%) |
#030d26 |
rgb(3,13,38) |
hsl(222,85%,8%) |
#01050e |
rgb(1,5,14) |
hsl(222,85%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#39E8EF |
rgb(57,232,239) |
hsl(182,85%,58%) |
#396FEF |
rgb(57,111,239) |
hsl(222,85%,58%) |
#7C38EF |
rgb(124,56,239) |
hsl(262,85%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90B0F6 |
rgb(144,176,246) |
hsl(221,85%,76%) |
#648FF2 |
rgb(100,143,242) |
hsl(222,85%,67%) |
#396FEF |
rgb(57,111,239) |
hsl(222,85%,58%) |
#1252E6 |
rgb(18,82,230) |
hsl(222,85%,49%) |
#0F42BA |
rgb(15,66,186) |
hsl(222,85%,39%) |
#0B338E |
rgb(11,51,142) |
hsl(222,86%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#396FEF |
rgb(57,111,239) |
hsl(222,85%,58%) |
#EF5E39 |
rgb(239,94,57) |
hsl(12,85%,58%) |
#CAF039 |
rgb(202,240,57) |
hsl(72,86%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396FEF |
rgb(57,111,239) |
hsl(222,85%,58%) |
#EFBA39 |
rgb(239,186,57) |
hsl(43,85%,58%) |
#39C9EF |
rgb(57,201,239) |
hsl(193,85%,58%) |
#CAF039 |
rgb(202,240,57) |
hsl(72,86%,58%) |