HEX #396BF2 color — Royal Blue
The color #396BF2 is a dark shade and moderately saturated.
Palette
396BF2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(224,88%,99%) |
#e2e9fd |
rgb(226,233,253) |
hsl(224,88%,94%) |
#cad7fc |
rgb(202,215,252) |
hsl(224,88%,89%) |
#b2c5fa |
rgb(178,197,250) |
hsl(224,88%,84%) |
#9ab3f9 |
rgb(154,179,249) |
hsl(224,88%,79%) |
#82a1f7 |
rgb(130,161,247) |
hsl(224,88%,74%) |
#6a8ff6 |
rgb(106,143,246) |
hsl(224,88%,69%) |
#527ef4 |
rgb(82,126,244) |
hsl(224,88%,64%) |
#3a6cf2 |
rgb(58,108,242) |
hsl(224,88%,59%) |
#225af1 |
rgb(34,90,241) |
hsl(224,88%,54%) |
#0f4aeb |
rgb(15,74,235) |
hsl(224,88%,49%) |
#0d42d3 |
rgb(13,66,211) |
hsl(224,88%,44%) |
#0c3bbb |
rgb(12,59,187) |
hsl(224,88%,39%) |
#0a33a3 |
rgb(10,51,163) |
hsl(224,88%,34%) |
#092c8b |
rgb(9,44,139) |
hsl(224,88%,29%) |
#072473 |
rgb(7,36,115) |
hsl(224,88%,24%) |
#061d5b |
rgb(6,29,91) |
hsl(224,88%,19%) |
#041543 |
rgb(4,21,67) |
hsl(224,88%,14%) |
#030e2b |
rgb(3,14,43) |
hsl(224,88%,9%) |
#010613 |
rgb(1,6,19) |
hsl(224,88%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#39E6F2 |
rgb(57,230,242) |
hsl(184,88%,59%) |
#396BF2 |
rgb(57,107,242) |
hsl(224,88%,59%) |
#8238F2 |
rgb(130,56,242) |
hsl(264,88%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#92ADF7 |
rgb(146,173,247) |
hsl(224,86%,77%) |
#658CF4 |
rgb(101,140,244) |
hsl(224,87%,68%) |
#396BF2 |
rgb(57,107,242) |
hsl(224,88%,59%) |
#0F4AEB |
rgb(15,74,235) |
hsl(224,88%,49%) |
#0C3DBE |
rgb(12,61,190) |
hsl(223,88%,40%) |
#092E91 |
rgb(9,46,145) |
hsl(224,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#396BF2 |
rgb(57,107,242) |
hsl(224,88%,59%) |
#F26339 |
rgb(242,99,57) |
hsl(14,88%,59%) |
#C7F239 |
rgb(199,242,57) |
hsl(74,88%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396BF2 |
rgb(57,107,242) |
hsl(224,88%,59%) |
#F2BF39 |
rgb(242,191,57) |
hsl(43,88%,59%) |
#39C7F2 |
rgb(57,199,242) |
hsl(194,88%,59%) |
#C7F239 |
rgb(199,242,57) |
hsl(74,88%,59%) |