HEX #5636F0 color — Royal Blue
The color #5636F0 is a dark shade and moderately saturated.
Palette
5636F0 color palette from light to dark
HEX |
RGB |
HSL |
#f7f6fe |
rgb(247,246,254) |
hsl(250,86%,98%) |
#e3defd |
rgb(227,222,253) |
hsl(250,86%,93%) |
#cfc6fb |
rgb(207,198,251) |
hsl(250,86%,88%) |
#bbaef9 |
rgb(187,174,249) |
hsl(250,86%,83%) |
#a797f7 |
rgb(167,151,247) |
hsl(250,86%,78%) |
#937ff5 |
rgb(147,127,245) |
hsl(250,86%,73%) |
#7f67f4 |
rgb(127,103,244) |
hsl(250,86%,68%) |
#6b50f2 |
rgb(107,80,242) |
hsl(250,86%,63%) |
#5638f0 |
rgb(86,56,240) |
hsl(250,86%,58%) |
#4220ee |
rgb(66,32,238) |
hsl(250,86%,53%) |
#3411e4 |
rgb(52,17,228) |
hsl(250,86%,48%) |
#2f0fcc |
rgb(47,15,204) |
hsl(250,86%,43%) |
#290eb4 |
rgb(41,14,180) |
hsl(250,86%,38%) |
#240c9d |
rgb(36,12,157) |
hsl(250,86%,33%) |
#1e0a85 |
rgb(30,10,133) |
hsl(250,86%,28%) |
#19086d |
rgb(25,8,109) |
hsl(250,86%,23%) |
#140655 |
rgb(20,6,85) |
hsl(250,86%,18%) |
#0e053e |
rgb(14,5,62) |
hsl(250,86%,13%) |
#090326 |
rgb(9,3,38) |
hsl(250,86%,8%) |
#03010e |
rgb(3,1,14) |
hsl(250,86%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3691F0 |
rgb(54,145,240) |
hsl(211,86%,58%) |
#5636F0 |
rgb(86,54,240) |
hsl(250,86%,58%) |
#D236F0 |
rgb(210,54,240) |
hsl(290,86%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9F8FF6 |
rgb(159,143,246) |
hsl(249,85%,76%) |
#7A61F3 |
rgb(122,97,243) |
hsl(250,86%,67%) |
#5636F0 |
rgb(86,54,240) |
hsl(250,86%,58%) |
#3512E5 |
rgb(53,18,229) |
hsl(250,85%,48%) |
#2B0DBA |
rgb(43,13,186) |
hsl(250,87%,39%) |
#210A8E |
rgb(33,10,142) |
hsl(250,87%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5636F0 |
rgb(86,54,240) |
hsl(250,86%,58%) |
#F0B336 |
rgb(240,179,54) |
hsl(40,86%,58%) |
#73F036 |
rgb(115,240,54) |
hsl(100,86%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5636F0 |
rgb(86,54,240) |
hsl(250,86%,58%) |
#D0F036 |
rgb(208,240,54) |
hsl(70,86%,58%) |
#3673F0 |
rgb(54,115,240) |
hsl(220,86%,58%) |
#73F036 |
rgb(115,240,54) |
hsl(100,86%,58%) |