HEX #3554F2 color — Royal Blue
The color #3554F2 is a dark shade and moderately saturated.
Palette
3554F2 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7fe |
rgb(245,247,254) |
hsl(230,88%,98%) |
#dde3fd |
rgb(221,227,253) |
hsl(230,88%,93%) |
#c5cefb |
rgb(197,206,251) |
hsl(230,88%,88%) |
#aebafa |
rgb(174,186,250) |
hsl(230,88%,83%) |
#96a6f8 |
rgb(150,166,248) |
hsl(230,88%,78%) |
#7e92f7 |
rgb(126,146,247) |
hsl(230,88%,73%) |
#667ef5 |
rgb(102,126,245) |
hsl(230,88%,68%) |
#4e69f4 |
rgb(78,105,244) |
hsl(230,88%,63%) |
#3655f2 |
rgb(54,85,242) |
hsl(230,88%,58%) |
#1e41f1 |
rgb(30,65,241) |
hsl(230,88%,53%) |
#0f33e6 |
rgb(15,51,230) |
hsl(230,88%,48%) |
#0d2dce |
rgb(13,45,206) |
hsl(230,88%,43%) |
#0c28b6 |
rgb(12,40,182) |
hsl(230,88%,38%) |
#0a239e |
rgb(10,35,158) |
hsl(230,88%,33%) |
#091e86 |
rgb(9,30,134) |
hsl(230,88%,28%) |
#07186e |
rgb(7,24,110) |
hsl(230,88%,23%) |
#061356 |
rgb(6,19,86) |
hsl(230,88%,18%) |
#040e3e |
rgb(4,14,62) |
hsl(230,88%,13%) |
#020826 |
rgb(2,8,38) |
hsl(230,88%,8%) |
#01030e |
rgb(1,3,14) |
hsl(230,88%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#35D1F2 |
rgb(53,209,242) |
hsl(190,88%,58%) |
#3554F2 |
rgb(53,84,242) |
hsl(230,88%,58%) |
#9436F2 |
rgb(148,54,242) |
hsl(270,88%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8D9EF7 |
rgb(141,158,247) |
hsl(230,87%,76%) |
#617AF4 |
rgb(97,122,244) |
hsl(230,87%,67%) |
#3554F2 |
rgb(53,84,242) |
hsl(230,88%,58%) |
#0E33E8 |
rgb(14,51,232) |
hsl(230,89%,48%) |
#0C29BC |
rgb(12,41,188) |
hsl(230,88%,39%) |
#091F90 |
rgb(9,31,144) |
hsl(230,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3554F2 |
rgb(53,84,242) |
hsl(230,88%,58%) |
#F27535 |
rgb(242,117,53) |
hsl(20,88%,58%) |
#B2F235 |
rgb(178,242,53) |
hsl(80,88%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3554F2 |
rgb(53,84,242) |
hsl(230,88%,58%) |
#F2D435 |
rgb(242,212,53) |
hsl(50,88%,58%) |
#35B3F2 |
rgb(53,179,242) |
hsl(200,88%,58%) |
#B2F235 |
rgb(178,242,53) |
hsl(80,88%,58%) |