HEX #3A54F2 color — Royal Blue
The color #3A54F2 is a dark shade and moderately saturated.
Palette
3A54F2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(232,88%,99%) |
#e2e6fd |
rgb(226,230,253) |
hsl(232,88%,94%) |
#cad1fc |
rgb(202,209,252) |
hsl(232,88%,89%) |
#b2bcfa |
rgb(178,188,250) |
hsl(232,88%,84%) |
#9aa7f9 |
rgb(154,167,249) |
hsl(232,88%,79%) |
#8292f7 |
rgb(130,146,247) |
hsl(232,88%,74%) |
#6a7df6 |
rgb(106,125,246) |
hsl(232,88%,69%) |
#5268f4 |
rgb(82,104,244) |
hsl(232,88%,64%) |
#3a53f2 |
rgb(58,83,242) |
hsl(232,88%,59%) |
#223ef1 |
rgb(34,62,241) |
hsl(232,88%,54%) |
#0f2ceb |
rgb(15,44,235) |
hsl(232,88%,49%) |
#0d28d3 |
rgb(13,40,211) |
hsl(232,88%,44%) |
#0c23bb |
rgb(12,35,187) |
hsl(232,88%,39%) |
#0a1fa3 |
rgb(10,31,163) |
hsl(232,88%,34%) |
#091a8b |
rgb(9,26,139) |
hsl(232,88%,29%) |
#071673 |
rgb(7,22,115) |
hsl(232,88%,24%) |
#06115b |
rgb(6,17,91) |
hsl(232,88%,19%) |
#040d43 |
rgb(4,13,67) |
hsl(232,88%,14%) |
#03082b |
rgb(3,8,43) |
hsl(232,88%,9%) |
#010413 |
rgb(1,4,19) |
hsl(232,88%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ACFF2 |
rgb(58,207,242) |
hsl(191,88%,59%) |
#3A54F2 |
rgb(58,84,242) |
hsl(232,88%,59%) |
#9A3BF2 |
rgb(154,59,242) |
hsl(271,88%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94A3F7 |
rgb(148,163,247) |
hsl(231,86%,77%) |
#677AF4 |
rgb(103,122,244) |
hsl(232,87%,68%) |
#3A54F2 |
rgb(58,84,242) |
hsl(232,88%,59%) |
#0F2EEC |
rgb(15,46,236) |
hsl(232,88%,49%) |
#0C26BF |
rgb(12,38,191) |
hsl(231,88%,40%) |
#091C92 |
rgb(9,28,146) |
hsl(232,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54F2 |
rgb(58,84,242) |
hsl(232,88%,59%) |
#F27D3A |
rgb(242,125,58) |
hsl(22,88%,59%) |
#B0F23A |
rgb(176,242,58) |
hsl(82,88%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54F2 |
rgb(58,84,242) |
hsl(232,88%,59%) |
#F2D93A |
rgb(242,217,58) |
hsl(52,88%,59%) |
#3AB0F2 |
rgb(58,176,242) |
hsl(202,88%,59%) |
#B0F23A |
rgb(176,242,58) |
hsl(82,88%,59%) |