HEX #3570E4 color — Royal Blue
The color #3570E4 is a dark shade and moderately saturated.
Palette
3570E4 color palette from light to dark
HEX |
RGB |
HSL |
#e9effc |
rgb(233,239,252) |
hsl(220,76%,95%) |
#d2dff9 |
rgb(210,223,249) |
hsl(220,76%,90%) |
#bccff6 |
rgb(188,207,246) |
hsl(220,76%,85%) |
#a5bff3 |
rgb(165,191,243) |
hsl(220,76%,80%) |
#8faff0 |
rgb(143,175,240) |
hsl(220,76%,75%) |
#789fed |
rgb(120,159,237) |
hsl(220,76%,70%) |
#628fea |
rgb(98,143,234) |
hsl(220,76%,65%) |
#4b7fe7 |
rgb(75,127,231) |
hsl(220,76%,60%) |
#356fe3 |
rgb(53,111,227) |
hsl(220,76%,55%) |
#1f5fe0 |
rgb(31,95,224) |
hsl(220,76%,50%) |
#1c56ca |
rgb(28,86,202) |
hsl(220,76%,45%) |
#184cb4 |
rgb(24,76,180) |
hsl(220,76%,40%) |
#15439d |
rgb(21,67,157) |
hsl(220,76%,35%) |
#123987 |
rgb(18,57,135) |
hsl(220,76%,30%) |
#0f3070 |
rgb(15,48,112) |
hsl(220,76%,25%) |
#0c265a |
rgb(12,38,90) |
hsl(220,76%,20%) |
#091d43 |
rgb(9,29,67) |
hsl(220,76%,15%) |
#06132d |
rgb(6,19,45) |
hsl(220,76%,10%) |
#030a16 |
rgb(3,10,22) |
hsl(220,76%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#35E3E3 |
rgb(53,227,227) |
hsl(180,76%,55%) |
#3570E4 |
rgb(53,112,228) |
hsl(220,76%,55%) |
#6E36E4 |
rgb(110,54,228) |
hsl(259,76%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84A8EE |
rgb(132,168,238) |
hsl(220,76%,73%) |
#5C8CE9 |
rgb(92,140,233) |
hsl(220,76%,64%) |
#3570E4 |
rgb(53,112,228) |
hsl(220,76%,55%) |
#1B59D0 |
rgb(27,89,208) |
hsl(219,77%,46%) |
#1647A8 |
rgb(22,71,168) |
hsl(220,77%,37%) |
#113880 |
rgb(17,56,128) |
hsl(219,77%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3570E4 |
rgb(53,112,228) |
hsl(220,76%,55%) |
#E45235 |
rgb(228,82,53) |
hsl(10,76%,55%) |
#C7E335 |
rgb(199,227,53) |
hsl(70,76%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3570E4 |
rgb(53,112,228) |
hsl(220,76%,55%) |
#E4A835 |
rgb(228,168,53) |
hsl(39,76%,55%) |
#35C7E4 |
rgb(53,199,228) |
hsl(190,76%,55%) |
#C7E335 |
rgb(199,227,53) |
hsl(70,76%,55%) |