HEX #3A5EF4 color — Royal Blue
The color #3A5EF4 is a dark shade and moderately saturated.
Palette
3A5EF4 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(228,89%,99%) |
#e2e8fd |
rgb(226,232,253) |
hsl(228,89%,94%) |
#cad4fc |
rgb(202,212,252) |
hsl(228,89%,89%) |
#b2c0fb |
rgb(178,192,251) |
hsl(228,89%,84%) |
#9aadf9 |
rgb(154,173,249) |
hsl(228,89%,79%) |
#8299f8 |
rgb(130,153,248) |
hsl(228,89%,74%) |
#6a86f6 |
rgb(106,134,246) |
hsl(228,89%,69%) |
#5172f5 |
rgb(81,114,245) |
hsl(228,89%,64%) |
#395ff3 |
rgb(57,95,243) |
hsl(228,89%,59%) |
#214bf2 |
rgb(33,75,242) |
hsl(228,89%,54%) |
#0e3aec |
rgb(14,58,236) |
hsl(228,89%,49%) |
#0c34d4 |
rgb(12,52,212) |
hsl(228,89%,44%) |
#0b2ebc |
rgb(11,46,188) |
hsl(228,89%,39%) |
#0a28a4 |
rgb(10,40,164) |
hsl(228,89%,34%) |
#08228c |
rgb(8,34,140) |
hsl(228,89%,29%) |
#071d74 |
rgb(7,29,116) |
hsl(228,89%,24%) |
#05175c |
rgb(5,23,92) |
hsl(228,89%,19%) |
#041143 |
rgb(4,17,67) |
hsl(228,89%,14%) |
#030b2b |
rgb(3,11,43) |
hsl(228,89%,9%) |
#010513 |
rgb(1,5,19) |
hsl(228,89%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD9F4 |
rgb(58,217,244) |
hsl(189,89%,59%) |
#3A5EF4 |
rgb(58,94,244) |
hsl(228,89%,59%) |
#923BF4 |
rgb(146,59,244) |
hsl(268,89%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95A8F9 |
rgb(149,168,249) |
hsl(229,89%,78%) |
#6785F6 |
rgb(103,133,246) |
hsl(227,89%,68%) |
#3A5EF4 |
rgb(58,94,244) |
hsl(228,89%,59%) |
#0D38F0 |
rgb(13,56,240) |
hsl(229,90%,50%) |
#0A2EC2 |
rgb(10,46,194) |
hsl(228,90%,40%) |
#082494 |
rgb(8,36,148) |
hsl(228,90%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5EF4 |
rgb(58,94,244) |
hsl(228,89%,59%) |
#F4733A |
rgb(244,115,58) |
hsl(18,89%,59%) |
#BBF53A |
rgb(187,245,58) |
hsl(79,90%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5EF4 |
rgb(58,94,244) |
hsl(228,89%,59%) |
#F4D13A |
rgb(244,209,58) |
hsl(49,89%,59%) |
#3ABAF4 |
rgb(58,186,244) |
hsl(199,89%,59%) |
#BBF53A |
rgb(187,245,58) |
hsl(79,90%,59%) |