HEX #3554E2 color — Royal Blue
The color #3554E2 is a dark shade and moderately saturated.
Palette
3554E2 color palette from light to dark
HEX |
RGB |
HSL |
#e9ecfc |
rgb(233,236,252) |
hsl(229,75%,95%) |
#d2d9f9 |
rgb(210,217,249) |
hsl(229,75%,90%) |
#bcc7f5 |
rgb(188,199,245) |
hsl(229,75%,85%) |
#a6b4f2 |
rgb(166,180,242) |
hsl(229,75%,80%) |
#8fa1ef |
rgb(143,161,239) |
hsl(229,75%,75%) |
#798eec |
rgb(121,142,236) |
hsl(229,75%,70%) |
#637be9 |
rgb(99,123,233) |
hsl(229,75%,65%) |
#4d69e6 |
rgb(77,105,230) |
hsl(229,75%,60%) |
#3656e2 |
rgb(54,86,226) |
hsl(229,75%,55%) |
#2043df |
rgb(32,67,223) |
hsl(229,75%,50%) |
#1d3cc9 |
rgb(29,60,201) |
hsl(229,75%,45%) |
#1a36b3 |
rgb(26,54,179) |
hsl(229,75%,40%) |
#162f9c |
rgb(22,47,156) |
hsl(229,75%,35%) |
#132886 |
rgb(19,40,134) |
hsl(229,75%,30%) |
#102170 |
rgb(16,33,112) |
hsl(229,75%,25%) |
#0d1b59 |
rgb(13,27,89) |
hsl(229,75%,20%) |
#0a1443 |
rgb(10,20,67) |
hsl(229,75%,15%) |
#060d2d |
rgb(6,13,45) |
hsl(229,75%,10%) |
#030716 |
rgb(3,7,22) |
hsl(229,75%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#35C7E2 |
rgb(53,199,226) |
hsl(189,75%,55%) |
#3554E2 |
rgb(53,84,226) |
hsl(229,75%,55%) |
#8936E2 |
rgb(137,54,226) |
hsl(269,75%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8396ED |
rgb(131,150,237) |
hsl(229,75%,72%) |
#5C75E7 |
rgb(92,117,231) |
hsl(229,74%,63%) |
#3554E2 |
rgb(53,84,226) |
hsl(229,75%,55%) |
#1D3DCC |
rgb(29,61,204) |
hsl(229,75%,46%) |
#1730A5 |
rgb(23,48,165) |
hsl(229,76%,37%) |
#12267E |
rgb(18,38,126) |
hsl(229,75%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3554E2 |
rgb(53,84,226) |
hsl(229,75%,55%) |
#E26E35 |
rgb(226,110,53) |
hsl(20,75%,55%) |
#AAE335 |
rgb(170,227,53) |
hsl(80,76%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3554E2 |
rgb(53,84,226) |
hsl(229,75%,55%) |
#E2C235 |
rgb(226,194,53) |
hsl(49,75%,55%) |
#35ABE2 |
rgb(53,171,226) |
hsl(199,75%,55%) |
#AAE335 |
rgb(170,227,53) |
hsl(80,76%,55%) |