HEX #396BF3 color — Royal Blue
The color #396BF3 is a dark shade and moderately saturated.
Palette
396BF3 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(224,89%,99%) |
#e2e9fd |
rgb(226,233,253) |
hsl(224,89%,94%) |
#cad7fc |
rgb(202,215,252) |
hsl(224,89%,89%) |
#b2c5fb |
rgb(178,197,251) |
hsl(224,89%,84%) |
#9ab3f9 |
rgb(154,179,249) |
hsl(224,89%,79%) |
#82a1f8 |
rgb(130,161,248) |
hsl(224,89%,74%) |
#6a8ff6 |
rgb(106,143,246) |
hsl(224,89%,69%) |
#517df5 |
rgb(81,125,245) |
hsl(224,89%,64%) |
#396bf3 |
rgb(57,107,243) |
hsl(224,89%,59%) |
#2159f2 |
rgb(33,89,242) |
hsl(224,89%,54%) |
#0e49ec |
rgb(14,73,236) |
hsl(224,89%,49%) |
#0c42d4 |
rgb(12,66,212) |
hsl(224,89%,44%) |
#0b3abc |
rgb(11,58,188) |
hsl(224,89%,39%) |
#0a33a4 |
rgb(10,51,164) |
hsl(224,89%,34%) |
#082b8c |
rgb(8,43,140) |
hsl(224,89%,29%) |
#072474 |
rgb(7,36,116) |
hsl(224,89%,24%) |
#051c5c |
rgb(5,28,92) |
hsl(224,89%,19%) |
#041543 |
rgb(4,21,67) |
hsl(224,89%,14%) |
#030d2b |
rgb(3,13,43) |
hsl(224,89%,9%) |
#010613 |
rgb(1,6,19) |
hsl(224,89%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#39E8F3 |
rgb(57,232,243) |
hsl(184,89%,59%) |
#396BF3 |
rgb(57,107,243) |
hsl(224,89%,59%) |
#8338F3 |
rgb(131,56,243) |
hsl(264,89%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93ADF8 |
rgb(147,173,248) |
hsl(225,88%,77%) |
#668CF5 |
rgb(102,140,245) |
hsl(224,88%,68%) |
#396BF3 |
rgb(57,107,243) |
hsl(224,89%,59%) |
#0E4AED |
rgb(14,74,237) |
hsl(224,89%,49%) |
#0B3DC0 |
rgb(11,61,192) |
hsl(223,89%,40%) |
#082E93 |
rgb(8,46,147) |
hsl(224,90%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BF3 |
rgb(57,107,243) |
hsl(224,89%,59%) |
#F36339 |
rgb(243,99,57) |
hsl(14,89%,59%) |
#C8F239 |
rgb(200,242,57) |
hsl(74,88%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BF3 |
rgb(57,107,243) |
hsl(224,89%,59%) |
#F3C239 |
rgb(243,194,57) |
hsl(44,89%,59%) |
#39C7F3 |
rgb(57,199,243) |
hsl(194,89%,59%) |
#C8F239 |
rgb(200,242,57) |
hsl(74,88%,59%) |