HEX #3A5EF2 color — Royal Blue
The color #3A5EF2 is a dark shade and moderately saturated.
Palette
3A5EF2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(228,88%,99%) |
#e2e8fd |
rgb(226,232,253) |
hsl(228,88%,94%) |
#cad4fc |
rgb(202,212,252) |
hsl(228,88%,89%) |
#b2c1fa |
rgb(178,193,250) |
hsl(228,88%,84%) |
#9aadf9 |
rgb(154,173,249) |
hsl(228,88%,79%) |
#829af7 |
rgb(130,154,247) |
hsl(228,88%,74%) |
#6a86f6 |
rgb(106,134,246) |
hsl(228,88%,69%) |
#5273f4 |
rgb(82,115,244) |
hsl(228,88%,64%) |
#3a5ff2 |
rgb(58,95,242) |
hsl(228,88%,59%) |
#224cf1 |
rgb(34,76,241) |
hsl(228,88%,54%) |
#0f3beb |
rgb(15,59,235) |
hsl(228,88%,49%) |
#0d35d3 |
rgb(13,53,211) |
hsl(228,88%,44%) |
#0c2fbb |
rgb(12,47,187) |
hsl(228,88%,39%) |
#0a29a3 |
rgb(10,41,163) |
hsl(228,88%,34%) |
#09238b |
rgb(9,35,139) |
hsl(228,88%,29%) |
#071d73 |
rgb(7,29,115) |
hsl(228,88%,24%) |
#06175b |
rgb(6,23,91) |
hsl(228,88%,19%) |
#041143 |
rgb(4,17,67) |
hsl(228,88%,14%) |
#030b2b |
rgb(3,11,43) |
hsl(228,88%,9%) |
#010513 |
rgb(1,5,19) |
hsl(228,88%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD9F2 |
rgb(58,217,242) |
hsl(188,88%,59%) |
#3A5EF2 |
rgb(58,94,242) |
hsl(228,88%,59%) |
#903BF2 |
rgb(144,59,242) |
hsl(268,88%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94A8F7 |
rgb(148,168,247) |
hsl(228,86%,77%) |
#6782F4 |
rgb(103,130,244) |
hsl(229,87%,68%) |
#3A5EF2 |
rgb(58,94,242) |
hsl(228,88%,59%) |
#0F3BEC |
rgb(15,59,236) |
hsl(228,88%,49%) |
#0C30BF |
rgb(12,48,191) |
hsl(228,88%,40%) |
#092492 |
rgb(9,36,146) |
hsl(228,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5EF2 |
rgb(58,94,242) |
hsl(228,88%,59%) |
#F2733A |
rgb(242,115,58) |
hsl(19,88%,59%) |
#BAF23A |
rgb(186,242,58) |
hsl(78,88%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5EF2 |
rgb(58,94,242) |
hsl(228,88%,59%) |
#F2CF3A |
rgb(242,207,58) |
hsl(49,88%,59%) |
#3ABAF2 |
rgb(58,186,242) |
hsl(198,88%,59%) |
#BAF23A |
rgb(186,242,58) |
hsl(78,88%,59%) |