HEX #3A54D8 color — Royal Blue
The color #3A54D8 is a dark shade and moderately saturated.
Palette
3A54D8 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(230,67%,99%) |
#e5e9fa |
rgb(229,233,250) |
hsl(230,67%,94%) |
#d0d6f6 |
rgb(208,214,246) |
hsl(230,67%,89%) |
#bbc4f2 |
rgb(187,196,242) |
hsl(230,67%,84%) |
#a6b2ed |
rgb(166,178,237) |
hsl(230,67%,79%) |
#909fe9 |
rgb(144,159,233) |
hsl(230,67%,74%) |
#7b8de5 |
rgb(123,141,229) |
hsl(230,67%,69%) |
#667ae1 |
rgb(102,122,225) |
hsl(230,67%,64%) |
#5068dc |
rgb(80,104,220) |
hsl(230,67%,59%) |
#3b55d8 |
rgb(59,85,216) |
hsl(230,67%,54%) |
#2945d1 |
rgb(41,69,209) |
hsl(230,67%,49%) |
#253ebb |
rgb(37,62,187) |
hsl(230,67%,44%) |
#2137a6 |
rgb(33,55,166) |
hsl(230,67%,39%) |
#1d3091 |
rgb(29,48,145) |
hsl(230,67%,34%) |
#18297b |
rgb(24,41,123) |
hsl(230,67%,29%) |
#142266 |
rgb(20,34,102) |
hsl(230,67%,24%) |
#101b51 |
rgb(16,27,81) |
hsl(230,67%,19%) |
#0c143c |
rgb(12,20,60) |
hsl(230,67%,14%) |
#080d26 |
rgb(8,13,38) |
hsl(230,67%,9%) |
#030611 |
rgb(3,6,17) |
hsl(230,67%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ABDD8 |
rgb(58,189,216) |
hsl(190,67%,54%) |
#3A54D8 |
rgb(58,84,216) |
hsl(230,67%,54%) |
#893BD8 |
rgb(137,59,216) |
hsl(270,67%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8394E6 |
rgb(131,148,230) |
hsl(230,66%,71%) |
#5E73DF |
rgb(94,115,223) |
hsl(230,67%,62%) |
#3A54D8 |
rgb(58,84,216) |
hsl(230,67%,54%) |
#2640C0 |
rgb(38,64,192) |
hsl(230,67%,45%) |
#1E339B |
rgb(30,51,155) |
hsl(230,68%,36%) |
#172676 |
rgb(23,38,118) |
hsl(231,67%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54D8 |
rgb(58,84,216) |
hsl(230,67%,54%) |
#D8703A |
rgb(216,112,58) |
hsl(21,67%,54%) |
#A3D93A |
rgb(163,217,58) |
hsl(80,68%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54D8 |
rgb(58,84,216) |
hsl(230,67%,54%) |
#D8BF3A |
rgb(216,191,58) |
hsl(51,67%,54%) |
#3AA3D8 |
rgb(58,163,216) |
hsl(200,67%,54%) |
#A3D93A |
rgb(163,217,58) |
hsl(80,68%,54%) |