HEX #356BF2 color — Royal Blue
The color #356BF2 is a dark shade and moderately saturated.
Palette
356BF2 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fe |
rgb(245,248,254) |
hsl(223,88%,98%) |
#dde6fd |
rgb(221,230,253) |
hsl(223,88%,93%) |
#c5d5fb |
rgb(197,213,251) |
hsl(223,88%,88%) |
#aec3fa |
rgb(174,195,250) |
hsl(223,88%,83%) |
#96b2f8 |
rgb(150,178,248) |
hsl(223,88%,78%) |
#7ea0f7 |
rgb(126,160,247) |
hsl(223,88%,73%) |
#668ef5 |
rgb(102,142,245) |
hsl(223,88%,68%) |
#4e7df4 |
rgb(78,125,244) |
hsl(223,88%,63%) |
#366bf2 |
rgb(54,107,242) |
hsl(223,88%,58%) |
#1e59f1 |
rgb(30,89,241) |
hsl(223,88%,53%) |
#0f4ce6 |
rgb(15,76,230) |
hsl(223,88%,48%) |
#0d44ce |
rgb(13,68,206) |
hsl(223,88%,43%) |
#0c3cb6 |
rgb(12,60,182) |
hsl(223,88%,38%) |
#0a349e |
rgb(10,52,158) |
hsl(223,88%,33%) |
#092c86 |
rgb(9,44,134) |
hsl(223,88%,28%) |
#07246e |
rgb(7,36,110) |
hsl(223,88%,23%) |
#061c56 |
rgb(6,28,86) |
hsl(223,88%,18%) |
#04153e |
rgb(4,21,62) |
hsl(223,88%,13%) |
#020d26 |
rgb(2,13,38) |
hsl(223,88%,8%) |
#01050e |
rgb(1,5,14) |
hsl(223,88%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#35E8F2 |
rgb(53,232,242) |
hsl(183,88%,58%) |
#356BF2 |
rgb(53,107,242) |
hsl(223,88%,58%) |
#7D36F2 |
rgb(125,54,242) |
hsl(263,88%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DABF7 |
rgb(141,171,247) |
hsl(223,87%,76%) |
#618CF4 |
rgb(97,140,244) |
hsl(222,87%,67%) |
#356BF2 |
rgb(53,107,242) |
hsl(223,88%,58%) |
#0E4DE8 |
rgb(14,77,232) |
hsl(223,89%,48%) |
#0C40BC |
rgb(12,64,188) |
hsl(222,88%,39%) |
#093090 |
rgb(9,48,144) |
hsl(223,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#356BF2 |
rgb(53,107,242) |
hsl(223,88%,58%) |
#F25E35 |
rgb(242,94,53) |
hsl(13,88%,58%) |
#C9F235 |
rgb(201,242,53) |
hsl(73,88%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#356BF2 |
rgb(53,107,242) |
hsl(223,88%,58%) |
#F2BD35 |
rgb(242,189,53) |
hsl(43,88%,58%) |
#35C9F2 |
rgb(53,201,242) |
hsl(193,88%,58%) |
#C9F235 |
rgb(201,242,53) |
hsl(73,88%,58%) |