HEX #324FF4 color — Royal Blue
The color #324FF4 is a dark shade and moderately saturated.
Palette
324FF4 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7fe |
rgb(245,247,254) |
hsl(231,90%,98%) |
#dde2fd |
rgb(221,226,253) |
hsl(231,90%,93%) |
#c5cdfc |
rgb(197,205,252) |
hsl(231,90%,88%) |
#adb8fb |
rgb(173,184,251) |
hsl(231,90%,83%) |
#94a4f9 |
rgb(148,164,249) |
hsl(231,90%,78%) |
#7c8ff8 |
rgb(124,143,248) |
hsl(231,90%,73%) |
#647af7 |
rgb(100,122,247) |
hsl(231,90%,68%) |
#4c65f6 |
rgb(76,101,246) |
hsl(231,90%,63%) |
#3450f4 |
rgb(52,80,244) |
hsl(231,90%,58%) |
#1b3cf3 |
rgb(27,60,243) |
hsl(231,90%,53%) |
#0c2de9 |
rgb(12,45,233) |
hsl(231,90%,48%) |
#0b29d0 |
rgb(11,41,208) |
hsl(231,90%,43%) |
#0a24b8 |
rgb(10,36,184) |
hsl(231,90%,38%) |
#081fa0 |
rgb(8,31,160) |
hsl(231,90%,33%) |
#071a88 |
rgb(7,26,136) |
hsl(231,90%,28%) |
#06166f |
rgb(6,22,111) |
hsl(231,90%,23%) |
#051157 |
rgb(5,17,87) |
hsl(231,90%,18%) |
#030c3f |
rgb(3,12,63) |
hsl(231,90%,13%) |
#020827 |
rgb(2,8,39) |
hsl(231,90%,8%) |
#01030f |
rgb(1,3,15) |
hsl(231,90%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#32D1F4 |
rgb(50,209,244) |
hsl(191,90%,58%) |
#324FF4 |
rgb(50,79,244) |
hsl(231,90%,58%) |
#9633F4 |
rgb(150,51,244) |
hsl(271,90%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8B9CF8 |
rgb(139,156,248) |
hsl(231,89%,76%) |
#5E75F6 |
rgb(94,117,246) |
hsl(231,89%,67%) |
#324FF4 |
rgb(50,79,244) |
hsl(231,90%,58%) |
#0C2EEA |
rgb(12,46,234) |
hsl(231,90%,48%) |
#0A26BD |
rgb(10,38,189) |
hsl(231,90%,39%) |
#071C91 |
rgb(7,28,145) |
hsl(231,91%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#324FF4 |
rgb(50,79,244) |
hsl(231,90%,58%) |
#F47532 |
rgb(244,117,50) |
hsl(21,90%,58%) |
#B0F532 |
rgb(176,245,50) |
hsl(81,91%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#324FF4 |
rgb(50,79,244) |
hsl(231,90%,58%) |
#F4D632 |
rgb(244,214,50) |
hsl(51,90%,58%) |
#32B0F4 |
rgb(50,176,244) |
hsl(201,90%,58%) |
#B0F532 |
rgb(176,245,50) |
hsl(81,91%,58%) |