HEX #355CF2 color — Royal Blue
The color #355CF2 is a dark shade and moderately saturated.
Palette
355CF2 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7fe |
rgb(245,247,254) |
hsl(228,88%,98%) |
#dde4fd |
rgb(221,228,253) |
hsl(228,88%,93%) |
#c5d0fb |
rgb(197,208,251) |
hsl(228,88%,88%) |
#aebdfa |
rgb(174,189,250) |
hsl(228,88%,83%) |
#96a9f8 |
rgb(150,169,248) |
hsl(228,88%,78%) |
#7e96f7 |
rgb(126,150,247) |
hsl(228,88%,73%) |
#6682f5 |
rgb(102,130,245) |
hsl(228,88%,68%) |
#4e6ff4 |
rgb(78,111,244) |
hsl(228,88%,63%) |
#365bf2 |
rgb(54,91,242) |
hsl(228,88%,58%) |
#1e48f1 |
rgb(30,72,241) |
hsl(228,88%,53%) |
#0f3ae6 |
rgb(15,58,230) |
hsl(228,88%,48%) |
#0d34ce |
rgb(13,52,206) |
hsl(228,88%,43%) |
#0c2eb6 |
rgb(12,46,182) |
hsl(228,88%,38%) |
#0a289e |
rgb(10,40,158) |
hsl(228,88%,33%) |
#092286 |
rgb(9,34,134) |
hsl(228,88%,28%) |
#071c6e |
rgb(7,28,110) |
hsl(228,88%,23%) |
#061656 |
rgb(6,22,86) |
hsl(228,88%,18%) |
#04103e |
rgb(4,16,62) |
hsl(228,88%,13%) |
#020a26 |
rgb(2,10,38) |
hsl(228,88%,8%) |
#01040e |
rgb(1,4,14) |
hsl(228,88%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#35D9F2 |
rgb(53,217,242) |
hsl(188,88%,58%) |
#355CF2 |
rgb(53,92,242) |
hsl(228,88%,58%) |
#8C36F2 |
rgb(140,54,242) |
hsl(267,88%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DA3F7 |
rgb(141,163,247) |
hsl(228,87%,76%) |
#6180F4 |
rgb(97,128,244) |
hsl(227,87%,67%) |
#355CF2 |
rgb(53,92,242) |
hsl(228,88%,58%) |
#0E3DE8 |
rgb(14,61,232) |
hsl(227,89%,48%) |
#0C30BC |
rgb(12,48,188) |
hsl(228,88%,39%) |
#092690 |
rgb(9,38,144) |
hsl(227,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#355CF2 |
rgb(53,92,242) |
hsl(228,88%,58%) |
#F26E35 |
rgb(242,110,53) |
hsl(18,88%,58%) |
#BAF235 |
rgb(186,242,53) |
hsl(78,88%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#355CF2 |
rgb(53,92,242) |
hsl(228,88%,58%) |
#F2CC35 |
rgb(242,204,53) |
hsl(48,88%,58%) |
#35BAF2 |
rgb(53,186,242) |
hsl(198,88%,58%) |
#BAF235 |
rgb(186,242,53) |
hsl(78,88%,58%) |