HEX #3354F3 color — Royal Blue
The color #3354F3 is a dark shade and moderately saturated.
Palette
3354F3 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7fe |
rgb(245,247,254) |
hsl(230,89%,98%) |
#dde3fd |
rgb(221,227,253) |
hsl(230,89%,93%) |
#c5cefc |
rgb(197,206,252) |
hsl(230,89%,88%) |
#adbafa |
rgb(173,186,250) |
hsl(230,89%,83%) |
#95a6f9 |
rgb(149,166,249) |
hsl(230,89%,78%) |
#7d91f7 |
rgb(125,145,247) |
hsl(230,89%,73%) |
#657df6 |
rgb(101,125,246) |
hsl(230,89%,68%) |
#4d69f5 |
rgb(77,105,245) |
hsl(230,89%,63%) |
#3554f3 |
rgb(53,84,243) |
hsl(230,89%,58%) |
#1c40f2 |
rgb(28,64,242) |
hsl(230,89%,53%) |
#0d32e7 |
rgb(13,50,231) |
hsl(230,89%,48%) |
#0c2dcf |
rgb(12,45,207) |
hsl(230,89%,43%) |
#0b27b7 |
rgb(11,39,183) |
hsl(230,89%,38%) |
#09229f |
rgb(9,34,159) |
hsl(230,89%,33%) |
#081d87 |
rgb(8,29,135) |
hsl(230,89%,28%) |
#06186f |
rgb(6,24,111) |
hsl(230,89%,23%) |
#051357 |
rgb(5,19,87) |
hsl(230,89%,18%) |
#040d3f |
rgb(4,13,63) |
hsl(230,89%,13%) |
#020827 |
rgb(2,8,39) |
hsl(230,89%,8%) |
#01030e |
rgb(1,3,14) |
hsl(230,89%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D4F3 |
rgb(51,212,243) |
hsl(190,89%,58%) |
#3354F3 |
rgb(51,84,243) |
hsl(230,89%,58%) |
#9233F3 |
rgb(146,51,243) |
hsl(270,89%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8B9EF8 |
rgb(139,158,248) |
hsl(230,89%,76%) |
#5F7AF5 |
rgb(95,122,245) |
hsl(229,88%,67%) |
#3354F3 |
rgb(51,84,243) |
hsl(230,89%,58%) |
#0D33E9 |
rgb(13,51,233) |
hsl(230,89%,48%) |
#0B29BC |
rgb(11,41,188) |
hsl(230,89%,39%) |
#081F90 |
rgb(8,31,144) |
hsl(230,89%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3354F3 |
rgb(51,84,243) |
hsl(230,89%,58%) |
#F37333 |
rgb(243,115,51) |
hsl(20,89%,58%) |
#B4F233 |
rgb(180,242,51) |
hsl(79,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3354F3 |
rgb(51,84,243) |
hsl(230,89%,58%) |
#F3D133 |
rgb(243,209,51) |
hsl(49,89%,58%) |
#33B5F3 |
rgb(51,181,243) |
hsl(199,89%,58%) |
#B4F233 |
rgb(180,242,51) |
hsl(79,88%,57%) |