HEX #3A54F5 color — Royal Blue
The color #3A54F5 is a dark shade and moderately saturated.
Palette
3A54F5 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(232,90%,99%) |
#e2e6fd |
rgb(226,230,253) |
hsl(232,90%,94%) |
#cad0fc |
rgb(202,208,252) |
hsl(232,90%,89%) |
#b1bbfb |
rgb(177,187,251) |
hsl(232,90%,84%) |
#99a6fa |
rgb(153,166,250) |
hsl(232,90%,79%) |
#8191f8 |
rgb(129,145,248) |
hsl(232,90%,74%) |
#697cf7 |
rgb(105,124,247) |
hsl(232,90%,69%) |
#5167f6 |
rgb(81,103,246) |
hsl(232,90%,64%) |
#3851f5 |
rgb(56,81,245) |
hsl(232,90%,59%) |
#203cf3 |
rgb(32,60,243) |
hsl(232,90%,54%) |
#0c2aed |
rgb(12,42,237) |
hsl(232,90%,49%) |
#0b26d5 |
rgb(11,38,213) |
hsl(232,90%,44%) |
#0a22bd |
rgb(10,34,189) |
hsl(232,90%,39%) |
#091da5 |
rgb(9,29,165) |
hsl(232,90%,34%) |
#07198d |
rgb(7,25,141) |
hsl(232,90%,29%) |
#061574 |
rgb(6,21,116) |
hsl(232,90%,24%) |
#05105c |
rgb(5,16,92) |
hsl(232,90%,19%) |
#040c44 |
rgb(4,12,68) |
hsl(232,90%,14%) |
#02082c |
rgb(2,8,44) |
hsl(232,90%,9%) |
#010313 |
rgb(1,3,19) |
hsl(232,90%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD1F5 |
rgb(58,209,245) |
hsl(192,90%,59%) |
#3A54F5 |
rgb(58,84,245) |
hsl(232,90%,59%) |
#9C3BF5 |
rgb(156,59,245) |
hsl(271,90%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96A3F9 |
rgb(150,163,249) |
hsl(232,89%,78%) |
#687DF7 |
rgb(104,125,247) |
hsl(231,90%,69%) |
#3A54F5 |
rgb(58,84,245) |
hsl(232,90%,59%) |
#0C2BF2 |
rgb(12,43,242) |
hsl(232,91%,50%) |
#0924C4 |
rgb(9,36,196) |
hsl(231,91%,40%) |
#071C95 |
rgb(7,28,149) |
hsl(231,91%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54F5 |
rgb(58,84,245) |
hsl(232,90%,59%) |
#F57D3A |
rgb(245,125,58) |
hsl(21,90%,59%) |
#B1F53A |
rgb(177,245,58) |
hsl(82,90%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54F5 |
rgb(58,84,245) |
hsl(232,90%,59%) |
#F5DB3A |
rgb(245,219,58) |
hsl(52,90%,59%) |
#3AB3F5 |
rgb(58,179,245) |
hsl(201,90%,59%) |
#B1F53A |
rgb(177,245,58) |
hsl(82,90%,59%) |