HEX #3A5CF2 color — Royal Blue
The color #3A5CF2 is a dark shade and moderately saturated.
Palette
3A5CF2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(229,88%,99%) |
#e2e7fd |
rgb(226,231,253) |
hsl(229,88%,94%) |
#cad3fc |
rgb(202,211,252) |
hsl(229,88%,89%) |
#b2bffa |
rgb(178,191,250) |
hsl(229,88%,84%) |
#9aacf9 |
rgb(154,172,249) |
hsl(229,88%,79%) |
#8298f7 |
rgb(130,152,247) |
hsl(229,88%,74%) |
#6a84f6 |
rgb(106,132,246) |
hsl(229,88%,69%) |
#5270f4 |
rgb(82,112,244) |
hsl(229,88%,64%) |
#3a5cf2 |
rgb(58,92,242) |
hsl(229,88%,59%) |
#2248f1 |
rgb(34,72,241) |
hsl(229,88%,54%) |
#0f37eb |
rgb(15,55,235) |
hsl(229,88%,49%) |
#0d32d3 |
rgb(13,50,211) |
hsl(229,88%,44%) |
#0c2cbb |
rgb(12,44,187) |
hsl(229,88%,39%) |
#0a26a3 |
rgb(10,38,163) |
hsl(229,88%,34%) |
#09218b |
rgb(9,33,139) |
hsl(229,88%,29%) |
#071b73 |
rgb(7,27,115) |
hsl(229,88%,24%) |
#06155b |
rgb(6,21,91) |
hsl(229,88%,19%) |
#041043 |
rgb(4,16,67) |
hsl(229,88%,14%) |
#030a2b |
rgb(3,10,43) |
hsl(229,88%,9%) |
#010513 |
rgb(1,5,19) |
hsl(229,88%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD6F2 |
rgb(58,214,242) |
hsl(189,88%,59%) |
#3A5CF2 |
rgb(58,92,242) |
hsl(229,88%,59%) |
#923BF2 |
rgb(146,59,242) |
hsl(269,88%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94A6F7 |
rgb(148,166,247) |
hsl(229,86%,77%) |
#6782F4 |
rgb(103,130,244) |
hsl(229,87%,68%) |
#3A5CF2 |
rgb(58,92,242) |
hsl(229,88%,59%) |
#0F38EC |
rgb(15,56,236) |
hsl(229,88%,49%) |
#0C2EBF |
rgb(12,46,191) |
hsl(229,88%,40%) |
#092492 |
rgb(9,36,146) |
hsl(228,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5CF2 |
rgb(58,92,242) |
hsl(229,88%,59%) |
#F2733A |
rgb(242,115,58) |
hsl(19,88%,59%) |
#B8F23A |
rgb(184,242,58) |
hsl(79,88%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CF2 |
rgb(58,92,242) |
hsl(229,88%,59%) |
#F2D13A |
rgb(242,209,58) |
hsl(49,88%,59%) |
#3AB8F2 |
rgb(58,184,242) |
hsl(199,88%,59%) |
#B8F23A |
rgb(184,242,58) |
hsl(79,88%,59%) |