HEX #3C54F5 color — Royal Blue
The color #3C54F5 is a dark shade and moderately saturated.
Palette
3C54F5 color palette from light to dark
HEX |
RGB |
HSL |
#e7eafe |
rgb(231,234,254) |
hsl(232,90%,95%) |
#cfd5fc |
rgb(207,213,252) |
hsl(232,90%,90%) |
#b6c0fb |
rgb(182,192,251) |
hsl(232,90%,85%) |
#9eaafa |
rgb(158,170,250) |
hsl(232,90%,80%) |
#8695f9 |
rgb(134,149,249) |
hsl(232,90%,75%) |
#6e80f7 |
rgb(110,128,247) |
hsl(232,90%,70%) |
#556bf6 |
rgb(85,107,246) |
hsl(232,90%,65%) |
#3d56f5 |
rgb(61,86,245) |
hsl(232,90%,60%) |
#2541f4 |
rgb(37,65,244) |
hsl(232,90%,55%) |
#0d2bf2 |
rgb(13,43,242) |
hsl(232,90%,50%) |
#0b27da |
rgb(11,39,218) |
hsl(232,90%,45%) |
#0a23c2 |
rgb(10,35,194) |
hsl(232,90%,40%) |
#091eaa |
rgb(9,30,170) |
hsl(232,90%,35%) |
#081a91 |
rgb(8,26,145) |
hsl(232,90%,30%) |
#061679 |
rgb(6,22,121) |
hsl(232,90%,25%) |
#051161 |
rgb(5,17,97) |
hsl(232,90%,20%) |
#040d49 |
rgb(4,13,73) |
hsl(232,90%,15%) |
#030930 |
rgb(3,9,48) |
hsl(232,90%,10%) |
#010418 |
rgb(1,4,24) |
hsl(232,90%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CCFF5 |
rgb(60,207,245) |
hsl(192,90%,60%) |
#3C54F5 |
rgb(60,84,245) |
hsl(232,90%,60%) |
#9F3DF5 |
rgb(159,61,245) |
hsl(272,90%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98A6F9 |
rgb(152,166,249) |
hsl(231,89%,79%) |
#6A7DF7 |
rgb(106,125,247) |
hsl(232,90%,69%) |
#3C54F5 |
rgb(60,84,245) |
hsl(232,90%,60%) |
#0D2BF2 |
rgb(13,43,242) |
hsl(232,90%,50%) |
#0A21C5 |
rgb(10,33,197) |
hsl(233,90%,41%) |
#071A96 |
rgb(7,26,150) |
hsl(232,91%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C54F5 |
rgb(60,84,245) |
hsl(232,90%,60%) |
#F5803C |
rgb(245,128,60) |
hsl(22,90%,60%) |
#B0F53C |
rgb(176,245,60) |
hsl(82,90%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C54F5 |
rgb(60,84,245) |
hsl(232,90%,60%) |
#F5DE3C |
rgb(245,222,60) |
hsl(53,90%,60%) |
#3CB0F5 |
rgb(60,176,245) |
hsl(202,90%,60%) |
#B0F53C |
rgb(176,245,60) |
hsl(82,90%,60%) |