HEX #3C5CF5 color — Royal Blue
The color #3C5CF5 is a dark shade and moderately saturated.
Palette
3C5CF5 color palette from light to dark
HEX |
RGB |
HSL |
#e7ebfe |
rgb(231,235,254) |
hsl(230,90%,95%) |
#cfd6fc |
rgb(207,214,252) |
hsl(230,90%,90%) |
#b6c2fb |
rgb(182,194,251) |
hsl(230,90%,85%) |
#9eadfa |
rgb(158,173,250) |
hsl(230,90%,80%) |
#8699f9 |
rgb(134,153,249) |
hsl(230,90%,75%) |
#6e85f7 |
rgb(110,133,247) |
hsl(230,90%,70%) |
#5570f6 |
rgb(85,112,246) |
hsl(230,90%,65%) |
#3d5cf5 |
rgb(61,92,245) |
hsl(230,90%,60%) |
#2547f4 |
rgb(37,71,244) |
hsl(230,90%,55%) |
#0d33f2 |
rgb(13,51,242) |
hsl(230,90%,50%) |
#0b2eda |
rgb(11,46,218) |
hsl(230,90%,45%) |
#0a29c2 |
rgb(10,41,194) |
hsl(230,90%,40%) |
#0924aa |
rgb(9,36,170) |
hsl(230,90%,35%) |
#081f91 |
rgb(8,31,145) |
hsl(230,90%,30%) |
#061a79 |
rgb(6,26,121) |
hsl(230,90%,25%) |
#051461 |
rgb(5,20,97) |
hsl(230,90%,20%) |
#040f49 |
rgb(4,15,73) |
hsl(230,90%,15%) |
#030a30 |
rgb(3,10,48) |
hsl(230,90%,10%) |
#010518 |
rgb(1,5,24) |
hsl(230,90%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CD6F5 |
rgb(60,214,245) |
hsl(190,90%,60%) |
#3C5CF5 |
rgb(60,92,245) |
hsl(230,90%,60%) |
#973DF5 |
rgb(151,61,245) |
hsl(269,90%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98ABF9 |
rgb(152,171,249) |
hsl(228,89%,79%) |
#6A82F7 |
rgb(106,130,247) |
hsl(230,90%,69%) |
#3C5CF5 |
rgb(60,92,245) |
hsl(230,90%,60%) |
#0D36F2 |
rgb(13,54,242) |
hsl(229,90%,50%) |
#0A2BC5 |
rgb(10,43,197) |
hsl(229,90%,41%) |
#072196 |
rgb(7,33,150) |
hsl(229,91%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C5CF5 |
rgb(60,92,245) |
hsl(230,90%,60%) |
#F5783C |
rgb(245,120,60) |
hsl(19,90%,60%) |
#B8F53C |
rgb(184,245,60) |
hsl(80,90%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C5CF5 |
rgb(60,92,245) |
hsl(230,90%,60%) |
#F5D63C |
rgb(245,214,60) |
hsl(50,90%,60%) |
#3CB8F5 |
rgb(60,184,245) |
hsl(200,90%,60%) |
#B8F53C |
rgb(184,245,60) |
hsl(80,90%,60%) |