HEX #3A54D9 color — Royal Blue
The color #3A54D9 is a dark shade and moderately saturated.
Palette
3A54D9 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(230,68%,99%) |
#e5e9fa |
rgb(229,233,250) |
hsl(230,68%,94%) |
#d0d6f6 |
rgb(208,214,246) |
hsl(230,68%,89%) |
#bac4f2 |
rgb(186,196,242) |
hsl(230,68%,84%) |
#a5b1ee |
rgb(165,177,238) |
hsl(230,68%,79%) |
#909fea |
rgb(144,159,234) |
hsl(230,68%,74%) |
#7a8ce6 |
rgb(122,140,230) |
hsl(230,68%,69%) |
#657ae2 |
rgb(101,122,226) |
hsl(230,68%,64%) |
#4f67de |
rgb(79,103,222) |
hsl(230,68%,59%) |
#3a55d9 |
rgb(58,85,217) |
hsl(230,68%,54%) |
#2844d2 |
rgb(40,68,210) |
hsl(230,68%,49%) |
#243dbc |
rgb(36,61,188) |
hsl(230,68%,44%) |
#2036a7 |
rgb(32,54,167) |
hsl(230,68%,39%) |
#1c2f92 |
rgb(28,47,146) |
hsl(230,68%,34%) |
#18287c |
rgb(24,40,124) |
hsl(230,68%,29%) |
#142167 |
rgb(20,33,103) |
hsl(230,68%,24%) |
#101a51 |
rgb(16,26,81) |
hsl(230,68%,19%) |
#0b143c |
rgb(11,20,60) |
hsl(230,68%,14%) |
#070d27 |
rgb(7,13,39) |
hsl(230,68%,9%) |
#030611 |
rgb(3,6,17) |
hsl(230,68%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABFD9 |
rgb(58,191,217) |
hsl(190,68%,54%) |
#3A54D9 |
rgb(58,84,217) |
hsl(230,68%,54%) |
#8A3BD9 |
rgb(138,59,217) |
hsl(270,68%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8394E7 |
rgb(131,148,231) |
hsl(230,68%,71%) |
#5E73E0 |
rgb(94,115,224) |
hsl(230,68%,62%) |
#3A54D9 |
rgb(58,84,217) |
hsl(230,68%,54%) |
#2540C1 |
rgb(37,64,193) |
hsl(230,68%,45%) |
#1E339C |
rgb(30,51,156) |
hsl(230,68%,36%) |
#172677 |
rgb(23,38,119) |
hsl(231,68%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54D9 |
rgb(58,84,217) |
hsl(230,68%,54%) |
#D9703A |
rgb(217,112,58) |
hsl(20,68%,54%) |
#A3D93A |
rgb(163,217,58) |
hsl(80,68%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54D9 |
rgb(58,84,217) |
hsl(230,68%,54%) |
#D9BF3A |
rgb(217,191,58) |
hsl(50,68%,54%) |
#3AA3D9 |
rgb(58,163,217) |
hsl(200,68%,54%) |
#A3D93A |
rgb(163,217,58) |
hsl(80,68%,54%) |