HEX #3A5CF5 color — Royal Blue
The color #3A5CF5 is a dark shade and moderately saturated.
Palette
3A5CF5 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(229,90%,99%) |
#e2e7fd |
rgb(226,231,253) |
hsl(229,90%,94%) |
#cad3fc |
rgb(202,211,252) |
hsl(229,90%,89%) |
#b1bffb |
rgb(177,191,251) |
hsl(229,90%,84%) |
#99abfa |
rgb(153,171,250) |
hsl(229,90%,79%) |
#8197f8 |
rgb(129,151,248) |
hsl(229,90%,74%) |
#6983f7 |
rgb(105,131,247) |
hsl(229,90%,69%) |
#516ff6 |
rgb(81,111,246) |
hsl(229,90%,64%) |
#385bf5 |
rgb(56,91,245) |
hsl(229,90%,59%) |
#2047f3 |
rgb(32,71,243) |
hsl(229,90%,54%) |
#0c36ed |
rgb(12,54,237) |
hsl(229,90%,49%) |
#0b30d5 |
rgb(11,48,213) |
hsl(229,90%,44%) |
#0a2bbd |
rgb(10,43,189) |
hsl(229,90%,39%) |
#0925a5 |
rgb(9,37,165) |
hsl(229,90%,34%) |
#07208d |
rgb(7,32,141) |
hsl(229,90%,29%) |
#061a74 |
rgb(6,26,116) |
hsl(229,90%,24%) |
#05155c |
rgb(5,21,92) |
hsl(229,90%,19%) |
#040f44 |
rgb(4,15,68) |
hsl(229,90%,14%) |
#020a2c |
rgb(2,10,44) |
hsl(229,90%,9%) |
#010413 |
rgb(1,4,19) |
hsl(229,90%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD9F5 |
rgb(58,217,245) |
hsl(189,90%,59%) |
#3A5CF5 |
rgb(58,92,245) |
hsl(229,90%,59%) |
#943BF5 |
rgb(148,59,245) |
hsl(269,90%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96A8F9 |
rgb(150,168,249) |
hsl(229,89%,78%) |
#6882F7 |
rgb(104,130,247) |
hsl(229,90%,69%) |
#3A5CF5 |
rgb(58,92,245) |
hsl(229,90%,59%) |
#0C36F2 |
rgb(12,54,242) |
hsl(229,91%,50%) |
#092BC4 |
rgb(9,43,196) |
hsl(229,91%,40%) |
#072195 |
rgb(7,33,149) |
hsl(229,91%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5CF5 |
rgb(58,92,245) |
hsl(229,90%,59%) |
#F5753A |
rgb(245,117,58) |
hsl(19,90%,59%) |
#B9F53A |
rgb(185,245,58) |
hsl(79,90%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CF5 |
rgb(58,92,245) |
hsl(229,90%,59%) |
#F5D43A |
rgb(245,212,58) |
hsl(49,90%,59%) |
#3ABAF5 |
rgb(58,186,245) |
hsl(199,90%,59%) |
#B9F53A |
rgb(185,245,58) |
hsl(79,90%,59%) |