HEX #3C5CF6 color — Royal Blue
The color #3C5CF6 is a dark shade and moderately saturated.
Palette
3C5CF6 color palette from light to dark
| HEX |
RGB |
HSL |
| #e7ebfe |
rgb(231,235,254) |
hsl(230,91%,95%) |
| #ced6fd |
rgb(206,214,253) |
hsl(230,91%,90%) |
| #b6c2fc |
rgb(182,194,252) |
hsl(230,91%,85%) |
| #9eadfa |
rgb(158,173,250) |
hsl(230,91%,80%) |
| #8599f9 |
rgb(133,153,249) |
hsl(230,91%,75%) |
| #6d84f8 |
rgb(109,132,248) |
hsl(230,91%,70%) |
| #5570f7 |
rgb(85,112,247) |
hsl(230,91%,65%) |
| #3c5bf6 |
rgb(60,91,246) |
hsl(230,91%,60%) |
| #2447f5 |
rgb(36,71,245) |
hsl(230,91%,55%) |
| #0b32f4 |
rgb(11,50,244) |
hsl(230,91%,50%) |
| #0a2ddb |
rgb(10,45,219) |
hsl(230,91%,45%) |
| #0928c3 |
rgb(9,40,195) |
hsl(230,91%,40%) |
| #0823aa |
rgb(8,35,170) |
hsl(230,91%,35%) |
| #071e92 |
rgb(7,30,146) |
hsl(230,91%,30%) |
| #06197a |
rgb(6,25,122) |
hsl(230,91%,25%) |
| #051461 |
rgb(5,20,97) |
hsl(230,91%,20%) |
| #030f49 |
rgb(3,15,73) |
hsl(230,91%,15%) |
| #020a31 |
rgb(2,10,49) |
hsl(230,91%,10%) |
| #010518 |
rgb(1,5,24) |
hsl(230,91%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3CD9F6 |
rgb(60,217,246) |
hsl(189,91%,60%) |
| #3C5CF6 |
rgb(60,92,246) |
hsl(230,91%,60%) |
| #983DF6 |
rgb(152,61,246) |
hsl(270,91%,60%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #C8D1FC |
rgb(200,209,252) |
hsl(230,90%,89%) |
| #99ABFA |
rgb(153,171,250) |
hsl(229,91%,79%) |
| #6A82F8 |
rgb(106,130,248) |
hsl(230,91%,69%) |
| #3C5CF6 |
rgb(60,92,246) |
hsl(230,91%,60%) |
| #0D36F3 |
rgb(13,54,243) |
hsl(229,91%,50%) |
| #0929C6 |
rgb(9,41,198) |
hsl(230,91%,41%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3C5CF6 |
rgb(60,92,246) |
hsl(230,91%,60%) |
| #F6783C |
rgb(246,120,60) |
hsl(19,91%,60%) |
| #B9F53C |
rgb(185,245,60) |
hsl(79,90%,60%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3C5CF6 |
rgb(60,92,246) |
hsl(230,91%,60%) |
| #F6D63C |
rgb(246,214,60) |
hsl(50,91%,60%) |
| #3CBAF6 |
rgb(60,186,246) |
hsl(199,91%,60%) |
| #B9F53C |
rgb(185,245,60) |
hsl(79,90%,60%) |
