HEX #505CF2 color — Royal Blue
The color #505CF2 is a dark shade and moderately saturated.
Palette
505CF2 color palette from light to dark
HEX |
RGB |
HSL |
#f6f6fe |
rgb(246,246,254) |
hsl(236,86%,98%) |
#dee0fd |
rgb(222,224,253) |
hsl(236,86%,93%) |
#c6cafb |
rgb(198,202,251) |
hsl(236,86%,88%) |
#aeb3f9 |
rgb(174,179,249) |
hsl(236,86%,83%) |
#979df7 |
rgb(151,157,247) |
hsl(236,86%,78%) |
#7f87f5 |
rgb(127,135,245) |
hsl(236,86%,73%) |
#6771f4 |
rgb(103,113,244) |
hsl(236,86%,68%) |
#505af2 |
rgb(80,90,242) |
hsl(236,86%,63%) |
#3844f0 |
rgb(56,68,240) |
hsl(236,86%,58%) |
#202eee |
rgb(32,46,238) |
hsl(236,86%,53%) |
#111fe4 |
rgb(17,31,228) |
hsl(236,86%,48%) |
#0f1ccc |
rgb(15,28,204) |
hsl(236,86%,43%) |
#0e19b4 |
rgb(14,25,180) |
hsl(236,86%,38%) |
#0c159d |
rgb(12,21,157) |
hsl(236,86%,33%) |
#0a1285 |
rgb(10,18,133) |
hsl(236,86%,28%) |
#080f6d |
rgb(8,15,109) |
hsl(236,86%,23%) |
#060c55 |
rgb(6,12,85) |
hsl(236,86%,18%) |
#05083e |
rgb(5,8,62) |
hsl(236,86%,13%) |
#030526 |
rgb(3,5,38) |
hsl(236,86%,8%) |
#01020e |
rgb(1,2,14) |
hsl(236,86%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#50C7F2 |
rgb(80,199,242) |
hsl(196,86%,63%) |
#505CF2 |
rgb(80,92,242) |
hsl(236,86%,63%) |
#B04FF2 |
rgb(176,79,242) |
hsl(276,86%,63%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DFE3FC |
rgb(223,227,252) |
hsl(232,83%,93%) |
#AFB5F9 |
rgb(175,181,249) |
hsl(235,86%,83%) |
#7F8AF5 |
rgb(127,138,245) |
hsl(234,86%,73%) |
#505CF2 |
rgb(80,92,242) |
hsl(236,86%,63%) |
#2030EE |
rgb(32,48,238) |
hsl(235,86%,53%) |
#0F1CCB |
rgb(15,28,203) |
hsl(236,86%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#505CF2 |
rgb(80,92,242) |
hsl(236,86%,63%) |
#F29450 |
rgb(242,148,80) |
hsl(25,86%,63%) |
#ADF250 |
rgb(173,242,80) |
hsl(86,86%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505CF2 |
rgb(80,92,242) |
hsl(236,86%,63%) |
#F2E650 |
rgb(242,230,80) |
hsl(56,86%,63%) |
#50ADF2 |
rgb(80,173,242) |
hsl(206,86%,63%) |
#ADF250 |
rgb(173,242,80) |
hsl(86,86%,63%) |