HEX #3C63F5 color — Royal Blue
The color #3C63F5 is a dark shade and moderately saturated.
Palette
3C63F5 color palette from light to dark
HEX |
RGB |
HSL |
#e7ecfe |
rgb(231,236,254) |
hsl(227,90%,95%) |
#cfd8fc |
rgb(207,216,252) |
hsl(227,90%,90%) |
#b6c5fb |
rgb(182,197,251) |
hsl(227,90%,85%) |
#9eb2fa |
rgb(158,178,250) |
hsl(227,90%,80%) |
#869ff9 |
rgb(134,159,249) |
hsl(227,90%,75%) |
#6e8bf7 |
rgb(110,139,247) |
hsl(227,90%,70%) |
#5578f6 |
rgb(85,120,246) |
hsl(227,90%,65%) |
#3d65f5 |
rgb(61,101,245) |
hsl(227,90%,60%) |
#2552f4 |
rgb(37,82,244) |
hsl(227,90%,55%) |
#0d3ef2 |
rgb(13,62,242) |
hsl(227,90%,50%) |
#0b38da |
rgb(11,56,218) |
hsl(227,90%,45%) |
#0a32c2 |
rgb(10,50,194) |
hsl(227,90%,40%) |
#092caa |
rgb(9,44,170) |
hsl(227,90%,35%) |
#082591 |
rgb(8,37,145) |
hsl(227,90%,30%) |
#061f79 |
rgb(6,31,121) |
hsl(227,90%,25%) |
#051961 |
rgb(5,25,97) |
hsl(227,90%,20%) |
#041349 |
rgb(4,19,73) |
hsl(227,90%,15%) |
#030c30 |
rgb(3,12,48) |
hsl(227,90%,10%) |
#010618 |
rgb(1,6,24) |
hsl(227,90%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CDEF5 |
rgb(60,222,245) |
hsl(187,90%,60%) |
#3C63F5 |
rgb(60,99,245) |
hsl(227,90%,60%) |
#903DF5 |
rgb(144,61,245) |
hsl(267,90%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98ADF9 |
rgb(152,173,249) |
hsl(227,89%,79%) |
#6A87F7 |
rgb(106,135,247) |
hsl(228,90%,69%) |
#3C63F5 |
rgb(60,99,245) |
hsl(227,90%,60%) |
#0D3DF2 |
rgb(13,61,242) |
hsl(227,90%,50%) |
#0A30C5 |
rgb(10,48,197) |
hsl(228,90%,41%) |
#072696 |
rgb(7,38,150) |
hsl(227,91%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C63F5 |
rgb(60,99,245) |
hsl(227,90%,60%) |
#F5733C |
rgb(245,115,60) |
hsl(18,90%,60%) |
#BFF53C |
rgb(191,245,60) |
hsl(78,90%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C63F5 |
rgb(60,99,245) |
hsl(227,90%,60%) |
#F5CF3C |
rgb(245,207,60) |
hsl(48,90%,60%) |
#3CBFF5 |
rgb(60,191,245) |
hsl(198,90%,60%) |
#BFF53C |
rgb(191,245,60) |
hsl(78,90%,60%) |