HEX #3554E5 color — Royal Blue
The color #3554E5 is a dark shade and moderately saturated.
Palette
3554E5 color palette from light to dark
HEX |
RGB |
HSL |
#e8ecfc |
rgb(232,236,252) |
hsl(229,77%,95%) |
#d2d9f9 |
rgb(210,217,249) |
hsl(229,77%,90%) |
#bbc6f6 |
rgb(187,198,246) |
hsl(229,77%,85%) |
#a5b3f3 |
rgb(165,179,243) |
hsl(229,77%,80%) |
#8ea0f0 |
rgb(142,160,240) |
hsl(229,77%,75%) |
#788ded |
rgb(120,141,237) |
hsl(229,77%,70%) |
#617aea |
rgb(97,122,234) |
hsl(229,77%,65%) |
#4a67e8 |
rgb(74,103,232) |
hsl(229,77%,60%) |
#3454e5 |
rgb(52,84,229) |
hsl(229,77%,55%) |
#1d41e2 |
rgb(29,65,226) |
hsl(229,77%,50%) |
#1a3bcb |
rgb(26,59,203) |
hsl(229,77%,45%) |
#1734b5 |
rgb(23,52,181) |
hsl(229,77%,40%) |
#152e9e |
rgb(21,46,158) |
hsl(229,77%,35%) |
#122787 |
rgb(18,39,135) |
hsl(229,77%,30%) |
#0f2171 |
rgb(15,33,113) |
hsl(229,77%,25%) |
#0c1a5a |
rgb(12,26,90) |
hsl(229,77%,20%) |
#091444 |
rgb(9,20,68) |
hsl(229,77%,15%) |
#060d2d |
rgb(6,13,45) |
hsl(229,77%,10%) |
#030717 |
rgb(3,7,23) |
hsl(229,77%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#35C9E5 |
rgb(53,201,229) |
hsl(190,77%,55%) |
#3554E5 |
rgb(53,84,229) |
hsl(229,77%,55%) |
#8B36E5 |
rgb(139,54,229) |
hsl(269,77%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8496EF |
rgb(132,150,239) |
hsl(230,77%,73%) |
#5C75EA |
rgb(92,117,234) |
hsl(229,77%,64%) |
#3554E5 |
rgb(53,84,229) |
hsl(229,77%,55%) |
#1B3BD1 |
rgb(27,59,209) |
hsl(229,77%,46%) |
#1530A9 |
rgb(21,48,169) |
hsl(229,78%,37%) |
#102481 |
rgb(16,36,129) |
hsl(229,78%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3554E5 |
rgb(53,84,229) |
hsl(229,77%,55%) |
#E56E35 |
rgb(229,110,53) |
hsl(19,77%,55%) |
#ACE635 |
rgb(172,230,53) |
hsl(80,78%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3554E5 |
rgb(53,84,229) |
hsl(229,77%,55%) |
#E5C735 |
rgb(229,199,53) |
hsl(50,77%,55%) |
#35ABE5 |
rgb(53,171,229) |
hsl(200,77%,55%) |
#ACE635 |
rgb(172,230,53) |
hsl(80,78%,55%) |