HEX #3C54F0 color — Royal Blue
The color #3C54F0 is a dark shade and moderately saturated.
Palette
3C54F0 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(232,86%,99%) |
#e3e6fd |
rgb(227,230,253) |
hsl(232,86%,94%) |
#cbd1fb |
rgb(203,209,251) |
hsl(232,86%,89%) |
#b3bcf9 |
rgb(179,188,249) |
hsl(232,86%,84%) |
#9ba8f8 |
rgb(155,168,248) |
hsl(232,86%,79%) |
#8493f6 |
rgb(132,147,246) |
hsl(232,86%,74%) |
#6c7ef4 |
rgb(108,126,244) |
hsl(232,86%,69%) |
#5469f2 |
rgb(84,105,242) |
hsl(232,86%,64%) |
#3d55f0 |
rgb(61,85,240) |
hsl(232,86%,59%) |
#2540ef |
rgb(37,64,239) |
hsl(232,86%,54%) |
#112ee8 |
rgb(17,46,232) |
hsl(232,86%,49%) |
#1029d1 |
rgb(16,41,209) |
hsl(232,86%,44%) |
#0e25b9 |
rgb(14,37,185) |
hsl(232,86%,39%) |
#0c20a1 |
rgb(12,32,161) |
hsl(232,86%,34%) |
#0a1b8a |
rgb(10,27,138) |
hsl(232,86%,29%) |
#091772 |
rgb(9,23,114) |
hsl(232,86%,24%) |
#07125a |
rgb(7,18,90) |
hsl(232,86%,19%) |
#050d42 |
rgb(5,13,66) |
hsl(232,86%,14%) |
#03082b |
rgb(3,8,43) |
hsl(232,86%,9%) |
#010413 |
rgb(1,4,19) |
hsl(232,86%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CCCF0 |
rgb(60,204,240) |
hsl(192,86%,59%) |
#3C54F0 |
rgb(60,84,240) |
hsl(232,86%,59%) |
#9C3DF0 |
rgb(156,61,240) |
hsl(272,86%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95A3F6 |
rgb(149,163,246) |
hsl(231,84%,77%) |
#687AF3 |
rgb(104,122,243) |
hsl(232,85%,68%) |
#3C54F0 |
rgb(60,84,240) |
hsl(232,86%,59%) |
#122EEA |
rgb(18,46,234) |
hsl(232,86%,49%) |
#0E26BD |
rgb(14,38,189) |
hsl(232,86%,40%) |
#0B1C90 |
rgb(11,28,144) |
hsl(232,86%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C54F0 |
rgb(60,84,240) |
hsl(232,86%,59%) |
#F07D3C |
rgb(240,125,60) |
hsl(22,86%,59%) |
#AEF03C |
rgb(174,240,60) |
hsl(82,86%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C54F0 |
rgb(60,84,240) |
hsl(232,86%,59%) |
#F0D93C |
rgb(240,217,60) |
hsl(52,86%,59%) |
#3CADF0 |
rgb(60,173,240) |
hsl(202,86%,59%) |
#AEF03C |
rgb(174,240,60) |
hsl(82,86%,59%) |