HEX #3566E1 color — Royal Blue
The color #3566E1 is a dark shade and moderately saturated.
Palette
3566E1 color palette from light to dark
HEX |
RGB |
HSL |
#e9eefc |
rgb(233,238,252) |
hsl(223,74%,95%) |
#d3ddf8 |
rgb(211,221,248) |
hsl(223,74%,90%) |
#bcccf5 |
rgb(188,204,245) |
hsl(223,74%,85%) |
#a6bcf2 |
rgb(166,188,242) |
hsl(223,74%,80%) |
#90abee |
rgb(144,171,238) |
hsl(223,74%,75%) |
#7a9aeb |
rgb(122,154,235) |
hsl(223,74%,70%) |
#6489e8 |
rgb(100,137,232) |
hsl(223,74%,65%) |
#4e78e4 |
rgb(78,120,228) |
hsl(223,74%,60%) |
#3767e1 |
rgb(55,103,225) |
hsl(223,74%,55%) |
#2157de |
rgb(33,87,222) |
hsl(223,74%,50%) |
#1e4ec8 |
rgb(30,78,200) |
hsl(223,74%,45%) |
#1b45b1 |
rgb(27,69,177) |
hsl(223,74%,40%) |
#173d9b |
rgb(23,61,155) |
hsl(223,74%,35%) |
#143485 |
rgb(20,52,133) |
hsl(223,74%,30%) |
#112b6f |
rgb(17,43,111) |
hsl(223,74%,25%) |
#0d2359 |
rgb(13,35,89) |
hsl(223,74%,20%) |
#0a1a43 |
rgb(10,26,67) |
hsl(223,74%,15%) |
#07112c |
rgb(7,17,44) |
hsl(223,74%,10%) |
#030916 |
rgb(3,9,22) |
hsl(223,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#35D9E1 |
rgb(53,217,225) |
hsl(183,74%,55%) |
#3566E1 |
rgb(53,102,225) |
hsl(223,74%,55%) |
#7636E1 |
rgb(118,54,225) |
hsl(262,74%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82A1EC |
rgb(130,161,236) |
hsl(222,74%,72%) |
#5B85E6 |
rgb(91,133,230) |
hsl(222,74%,63%) |
#3566E1 |
rgb(53,102,225) |
hsl(223,74%,55%) |
#1E4FCB |
rgb(30,79,203) |
hsl(223,74%,46%) |
#1840A4 |
rgb(24,64,164) |
hsl(223,74%,37%) |
#12307D |
rgb(18,48,125) |
hsl(223,75%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3566E1 |
rgb(53,102,225) |
hsl(223,74%,55%) |
#E15935 |
rgb(225,89,53) |
hsl(13,74%,55%) |
#BCE035 |
rgb(188,224,53) |
hsl(73,73%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3566E1 |
rgb(53,102,225) |
hsl(223,74%,55%) |
#E1B035 |
rgb(225,176,53) |
hsl(43,74%,55%) |
#35BDE1 |
rgb(53,189,225) |
hsl(193,74%,55%) |
#BCE035 |
rgb(188,224,53) |
hsl(73,73%,54%) |