HEX #5648F4 color — Royal Blue
The color #5648f4 is a dark shade and moderately saturated.
Palette
5648f4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f1fe |
rgb(242,241,254) |
hsl(245,89%,97%) |
#dbd8fd |
rgb(219,216,253) |
hsl(245,89%,92%) |
#c5c0fb |
rgb(197,192,251) |
hsl(245,89%,87%) |
#afa8fa |
rgb(175,168,250) |
hsl(245,89%,82%) |
#9990f9 |
rgb(153,144,249) |
hsl(245,89%,77%) |
#8378f7 |
rgb(131,120,247) |
hsl(245,89%,72%) |
#6c60f6 |
rgb(108,96,246) |
hsl(245,89%,67%) |
#5648f4 |
rgb(86,72,244) |
hsl(245,89%,62%) |
#4030f3 |
rgb(64,48,243) |
hsl(245,89%,57%) |
#2a18f2 |
rgb(42,24,242) |
hsl(245,89%,52%) |
#1f0de3 |
rgb(31,13,227) |
hsl(245,89%,47%) |
#1c0cca |
rgb(28,12,202) |
hsl(245,89%,42%) |
#180ab2 |
rgb(24,10,178) |
hsl(245,89%,37%) |
#15099a |
rgb(21,9,154) |
hsl(245,89%,32%) |
#120882 |
rgb(18,8,130) |
hsl(245,89%,27%) |
#0e066a |
rgb(14,6,106) |
hsl(245,89%,22%) |
#0b0552 |
rgb(11,5,82) |
hsl(245,89%,17%) |
#08033a |
rgb(8,3,58) |
hsl(245,89%,12%) |
#050222 |
rgb(5,2,34) |
hsl(245,89%,7%) |
#01010a |
rgb(1,1,10) |
hsl(245,89%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#48ADF4 |
rgb(72,173,244) |
hsl(205,89%,62%) |
#5648F4 |
rgb(86,72,244) |
hsl(245,89%,62%) |
#C847F4 |
rgb(200,71,244) |
hsl(285,89%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DAD6FC |
rgb(218,214,252) |
hsl(246,86%,91%) |
#AEA8F9 |
rgb(174,168,249) |
hsl(244,87%,82%) |
#8278F6 |
rgb(130,120,246) |
hsl(245,88%,72%) |
#5648F4 |
rgb(86,72,244) |
hsl(245,89%,62%) |
#291AF1 |
rgb(41,26,241) |
hsl(244,88%,52%) |
#1B0DCA |
rgb(27,13,202) |
hsl(244,88%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5648F4 |
rgb(86,72,244) |
hsl(245,89%,62%) |
#F4AB48 |
rgb(244,171,72) |
hsl(35,89%,62%) |
#90F548 |
rgb(144,245,72) |
hsl(95,90%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5648F4 |
rgb(86,72,244) |
hsl(245,89%,62%) |
#E6F548 |
rgb(230,245,72) |
hsl(65,90%,62%) |
#488FF4 |
rgb(72,143,244) |
hsl(215,89%,62%) |
#90F548 |
rgb(144,245,72) |
hsl(95,90%,62%) |