HEX #3A70E0 color — Royal Blue
The color #3A70E0 is a dark shade and moderately saturated.
Palette
3A70E0 color palette from light to dark
HEX |
RGB |
HSL |
#e9effc |
rgb(233,239,252) |
hsl(220,73%,95%) |
#d3dff8 |
rgb(211,223,248) |
hsl(220,73%,90%) |
#bdcff5 |
rgb(189,207,245) |
hsl(220,73%,85%) |
#a7c0f1 |
rgb(167,192,241) |
hsl(220,73%,80%) |
#91b0ee |
rgb(145,176,238) |
hsl(220,73%,75%) |
#7ba0ea |
rgb(123,160,234) |
hsl(220,73%,70%) |
#6590e7 |
rgb(101,144,231) |
hsl(220,73%,65%) |
#4f80e3 |
rgb(79,128,227) |
hsl(220,73%,60%) |
#3870e0 |
rgb(56,112,224) |
hsl(220,73%,55%) |
#2260dd |
rgb(34,96,221) |
hsl(220,73%,50%) |
#1f57c7 |
rgb(31,87,199) |
hsl(220,73%,45%) |
#1c4db0 |
rgb(28,77,176) |
hsl(220,73%,40%) |
#18449a |
rgb(24,68,154) |
hsl(220,73%,35%) |
#153a84 |
rgb(21,58,132) |
hsl(220,73%,30%) |
#11306e |
rgb(17,48,110) |
hsl(220,73%,25%) |
#0e2758 |
rgb(14,39,88) |
hsl(220,73%,20%) |
#0a1d42 |
rgb(10,29,66) |
hsl(220,73%,15%) |
#07132c |
rgb(7,19,44) |
hsl(220,73%,10%) |
#030a16 |
rgb(3,10,22) |
hsl(220,73%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ADEE0 |
rgb(58,222,224) |
hsl(181,73%,55%) |
#3A70E0 |
rgb(58,112,224) |
hsl(220,73%,55%) |
#723BE0 |
rgb(114,59,224) |
hsl(260,73%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87A8EC |
rgb(135,168,236) |
hsl(220,73%,73%) |
#608CE6 |
rgb(96,140,230) |
hsl(220,73%,64%) |
#3A70E0 |
rgb(58,112,224) |
hsl(220,73%,55%) |
#2059CC |
rgb(32,89,204) |
hsl(220,73%,46%) |
#1A47A5 |
rgb(26,71,165) |
hsl(221,73%,37%) |
#13367E |
rgb(19,54,126) |
hsl(220,74%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A70E0 |
rgb(58,112,224) |
hsl(220,73%,55%) |
#E0573A |
rgb(224,87,58) |
hsl(10,73%,55%) |
#C3E03A |
rgb(195,224,58) |
hsl(70,73%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A70E0 |
rgb(58,112,224) |
hsl(220,73%,55%) |
#E0AB3A |
rgb(224,171,58) |
hsl(41,73%,55%) |
#3AC2E0 |
rgb(58,194,224) |
hsl(191,73%,55%) |
#C3E03A |
rgb(195,224,58) |
hsl(70,73%,55%) |