HEX #3A5CF4 color — Royal Blue
The color #3A5CF4 is a dark shade and moderately saturated.
Palette
3A5CF4 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(229,89%,99%) |
#e2e7fd |
rgb(226,231,253) |
hsl(229,89%,94%) |
#cad3fc |
rgb(202,211,252) |
hsl(229,89%,89%) |
#b2bffb |
rgb(178,191,251) |
hsl(229,89%,84%) |
#9aabf9 |
rgb(154,171,249) |
hsl(229,89%,79%) |
#8297f8 |
rgb(130,151,248) |
hsl(229,89%,74%) |
#6a83f6 |
rgb(106,131,246) |
hsl(229,89%,69%) |
#516ff5 |
rgb(81,111,245) |
hsl(229,89%,64%) |
#395cf3 |
rgb(57,92,243) |
hsl(229,89%,59%) |
#2148f2 |
rgb(33,72,242) |
hsl(229,89%,54%) |
#0e37ec |
rgb(14,55,236) |
hsl(229,89%,49%) |
#0c31d4 |
rgb(12,49,212) |
hsl(229,89%,44%) |
#0b2bbc |
rgb(11,43,188) |
hsl(229,89%,39%) |
#0a26a4 |
rgb(10,38,164) |
hsl(229,89%,34%) |
#08208c |
rgb(8,32,140) |
hsl(229,89%,29%) |
#071b74 |
rgb(7,27,116) |
hsl(229,89%,24%) |
#05155c |
rgb(5,21,92) |
hsl(229,89%,19%) |
#041043 |
rgb(4,16,67) |
hsl(229,89%,14%) |
#030a2b |
rgb(3,10,43) |
hsl(229,89%,9%) |
#010413 |
rgb(1,4,19) |
hsl(229,89%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD9F4 |
rgb(58,217,244) |
hsl(189,89%,59%) |
#3A5CF4 |
rgb(58,92,244) |
hsl(229,89%,59%) |
#943BF4 |
rgb(148,59,244) |
hsl(269,89%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95A8F9 |
rgb(149,168,249) |
hsl(229,89%,78%) |
#6782F6 |
rgb(103,130,246) |
hsl(229,89%,68%) |
#3A5CF4 |
rgb(58,92,244) |
hsl(229,89%,59%) |
#0D38F0 |
rgb(13,56,240) |
hsl(229,90%,50%) |
#0A2BC2 |
rgb(10,43,194) |
hsl(229,90%,40%) |
#082194 |
rgb(8,33,148) |
hsl(229,90%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5CF4 |
rgb(58,92,244) |
hsl(229,89%,59%) |
#F4753A |
rgb(244,117,58) |
hsl(19,89%,59%) |
#B9F53A |
rgb(185,245,58) |
hsl(79,90%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CF4 |
rgb(58,92,244) |
hsl(229,89%,59%) |
#F4D13A |
rgb(244,209,58) |
hsl(49,89%,59%) |
#3ABAF4 |
rgb(58,186,244) |
hsl(199,89%,59%) |
#B9F53A |
rgb(185,245,58) |
hsl(79,90%,59%) |