HEX #3B54D6 color — Royal Blue
The color #3B54D6 is a dark shade and moderately saturated.
Palette
3B54D6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(230,65%,99%) |
#e6e9fa |
rgb(230,233,250) |
hsl(230,65%,94%) |
#d1d7f5 |
rgb(209,215,245) |
hsl(230,65%,89%) |
#bcc5f1 |
rgb(188,197,241) |
hsl(230,65%,84%) |
#a7b2ec |
rgb(167,178,236) |
hsl(230,65%,79%) |
#92a0e8 |
rgb(146,160,232) |
hsl(230,65%,74%) |
#7d8ee3 |
rgb(125,142,227) |
hsl(230,65%,69%) |
#687bdf |
rgb(104,123,223) |
hsl(230,65%,64%) |
#5269da |
rgb(82,105,218) |
hsl(230,65%,59%) |
#3d57d6 |
rgb(61,87,214) |
hsl(230,65%,54%) |
#2c47ce |
rgb(44,71,206) |
hsl(230,65%,49%) |
#2740b9 |
rgb(39,64,185) |
hsl(230,65%,44%) |
#2338a4 |
rgb(35,56,164) |
hsl(230,65%,39%) |
#1e318f |
rgb(30,49,143) |
hsl(230,65%,34%) |
#1a2a7a |
rgb(26,42,122) |
hsl(230,65%,29%) |
#152365 |
rgb(21,35,101) |
hsl(230,65%,24%) |
#111b50 |
rgb(17,27,80) |
hsl(230,65%,19%) |
#0c143b |
rgb(12,20,59) |
hsl(230,65%,14%) |
#080d26 |
rgb(8,13,38) |
hsl(230,65%,9%) |
#040611 |
rgb(4,6,17) |
hsl(230,65%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BBAD6 |
rgb(59,186,214) |
hsl(191,65%,54%) |
#3B54D6 |
rgb(59,84,214) |
hsl(230,65%,54%) |
#893BD6 |
rgb(137,59,214) |
hsl(270,65%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8394E5 |
rgb(131,148,229) |
hsl(230,65%,71%) |
#5F73DD |
rgb(95,115,221) |
hsl(230,65%,62%) |
#3B54D6 |
rgb(59,84,214) |
hsl(230,65%,54%) |
#2740BD |
rgb(39,64,189) |
hsl(230,66%,45%) |
#203399 |
rgb(32,51,153) |
hsl(231,65%,36%) |
#182975 |
rgb(24,41,117) |
hsl(229,66%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B54D6 |
rgb(59,84,214) |
hsl(230,65%,54%) |
#D6703B |
rgb(214,112,59) |
hsl(21,65%,54%) |
#A1D63B |
rgb(161,214,59) |
hsl(81,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B54D6 |
rgb(59,84,214) |
hsl(230,65%,54%) |
#D6BD3B |
rgb(214,189,59) |
hsl(50,65%,54%) |
#3BA1D6 |
rgb(59,161,214) |
hsl(201,65%,54%) |
#A1D63B |
rgb(161,214,59) |
hsl(81,65%,54%) |