HEX #3563E1 color — Royal Blue
The color #3563E1 is a dark shade and moderately saturated.
Palette
3563E1 color palette from light to dark
HEX |
RGB |
HSL |
#e9eefc |
rgb(233,238,252) |
hsl(224,74%,95%) |
#d3ddf8 |
rgb(211,221,248) |
hsl(224,74%,90%) |
#bcccf5 |
rgb(188,204,245) |
hsl(224,74%,85%) |
#a6baf2 |
rgb(166,186,242) |
hsl(224,74%,80%) |
#90a9ee |
rgb(144,169,238) |
hsl(224,74%,75%) |
#7a98eb |
rgb(122,152,235) |
hsl(224,74%,70%) |
#6487e8 |
rgb(100,135,232) |
hsl(224,74%,65%) |
#4e76e4 |
rgb(78,118,228) |
hsl(224,74%,60%) |
#3765e1 |
rgb(55,101,225) |
hsl(224,74%,55%) |
#2153de |
rgb(33,83,222) |
hsl(224,74%,50%) |
#1e4bc8 |
rgb(30,75,200) |
hsl(224,74%,45%) |
#1b43b1 |
rgb(27,67,177) |
hsl(224,74%,40%) |
#173a9b |
rgb(23,58,155) |
hsl(224,74%,35%) |
#143285 |
rgb(20,50,133) |
hsl(224,74%,30%) |
#112a6f |
rgb(17,42,111) |
hsl(224,74%,25%) |
#0d2159 |
rgb(13,33,89) |
hsl(224,74%,20%) |
#0a1943 |
rgb(10,25,67) |
hsl(224,74%,15%) |
#07112c |
rgb(7,17,44) |
hsl(224,74%,10%) |
#030816 |
rgb(3,8,22) |
hsl(224,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#35D6E1 |
rgb(53,214,225) |
hsl(184,74%,55%) |
#3563E1 |
rgb(53,99,225) |
hsl(224,74%,55%) |
#7936E1 |
rgb(121,54,225) |
hsl(264,74%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#829EEC |
rgb(130,158,236) |
hsl(224,74%,72%) |
#5B82E6 |
rgb(91,130,230) |
hsl(223,74%,63%) |
#3563E1 |
rgb(53,99,225) |
hsl(224,74%,55%) |
#1E4DCB |
rgb(30,77,203) |
hsl(224,74%,46%) |
#183DA4 |
rgb(24,61,164) |
hsl(224,74%,37%) |
#12307D |
rgb(18,48,125) |
hsl(223,75%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3563E1 |
rgb(53,99,225) |
hsl(224,74%,55%) |
#E15C35 |
rgb(225,92,53) |
hsl(14,74%,55%) |
#B9E035 |
rgb(185,224,53) |
hsl(74,73%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3563E1 |
rgb(53,99,225) |
hsl(224,74%,55%) |
#E1B335 |
rgb(225,179,53) |
hsl(44,74%,55%) |
#35BAE1 |
rgb(53,186,225) |
hsl(194,74%,55%) |
#B9E035 |
rgb(185,224,53) |
hsl(74,73%,54%) |