HEX #3A54F6 color — Royal Blue
The color #3A54F6 is a dark shade and moderately saturated.
Palette
3A54F6 color palette from light to dark
HEX |
RGB |
HSL |
#e7eafe |
rgb(231,234,254) |
hsl(232,91%,95%) |
#ced4fd |
rgb(206,212,253) |
hsl(232,91%,90%) |
#b6bffc |
rgb(182,191,252) |
hsl(232,91%,85%) |
#9eaafa |
rgb(158,170,250) |
hsl(232,91%,80%) |
#8595f9 |
rgb(133,149,249) |
hsl(232,91%,75%) |
#6d7ff8 |
rgb(109,127,248) |
hsl(232,91%,70%) |
#556af7 |
rgb(85,106,247) |
hsl(232,91%,65%) |
#3c55f6 |
rgb(60,85,246) |
hsl(232,91%,60%) |
#2440f5 |
rgb(36,64,245) |
hsl(232,91%,55%) |
#0b2af4 |
rgb(11,42,244) |
hsl(232,91%,50%) |
#0a26db |
rgb(10,38,219) |
hsl(232,91%,45%) |
#0922c3 |
rgb(9,34,195) |
hsl(232,91%,40%) |
#081eaa |
rgb(8,30,170) |
hsl(232,91%,35%) |
#071992 |
rgb(7,25,146) |
hsl(232,91%,30%) |
#06157a |
rgb(6,21,122) |
hsl(232,91%,25%) |
#051161 |
rgb(5,17,97) |
hsl(232,91%,20%) |
#030d49 |
rgb(3,13,73) |
hsl(232,91%,15%) |
#020831 |
rgb(2,8,49) |
hsl(232,91%,10%) |
#010418 |
rgb(1,4,24) |
hsl(232,91%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD1F6 |
rgb(58,209,246) |
hsl(192,91%,60%) |
#3A54F6 |
rgb(58,84,246) |
hsl(232,91%,60%) |
#9D3BF6 |
rgb(157,59,246) |
hsl(271,91%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97A6FA |
rgb(151,166,250) |
hsl(231,91%,79%) |
#687DF8 |
rgb(104,125,248) |
hsl(231,91%,69%) |
#3A54F6 |
rgb(58,84,246) |
hsl(232,91%,60%) |
#0B2BF3 |
rgb(11,43,243) |
hsl(232,91%,50%) |
#0924C5 |
rgb(9,36,197) |
hsl(231,91%,40%) |
#061C97 |
rgb(6,28,151) |
hsl(231,92%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54F6 |
rgb(58,84,246) |
hsl(232,91%,60%) |
#F67D3A |
rgb(246,125,58) |
hsl(21,91%,60%) |
#B2F53A |
rgb(178,245,58) |
hsl(81,90%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54F6 |
rgb(58,84,246) |
hsl(232,91%,60%) |
#F6DB3A |
rgb(246,219,58) |
hsl(51,91%,60%) |
#3AB3F6 |
rgb(58,179,246) |
hsl(201,91%,60%) |
#B2F53A |
rgb(178,245,58) |
hsl(81,90%,59%) |