HEX #3A7EE4 color — Royal Blue
The color #3a7ee4 is a dark shade and moderately saturated.
Palette
3a7ee4 color palette from light to dark
HEX |
RGB |
HSL |
#edf3fd |
rgb(237,243,253) |
hsl(216,76%,96%) |
#d7e5f9 |
rgb(215,229,249) |
hsl(216,76%,91%) |
#c0d6f6 |
rgb(192,214,246) |
hsl(216,76%,86%) |
#aac7f3 |
rgb(170,199,243) |
hsl(216,76%,81%) |
#93b8f0 |
rgb(147,184,240) |
hsl(216,76%,76%) |
#7daaed |
rgb(125,170,237) |
hsl(216,76%,71%) |
#669bea |
rgb(102,155,234) |
hsl(216,76%,66%) |
#508ce7 |
rgb(80,140,231) |
hsl(216,76%,61%) |
#3a7ee4 |
rgb(58,126,228) |
hsl(216,76%,56%) |
#236fe1 |
rgb(35,111,225) |
hsl(216,76%,51%) |
#1c63ce |
rgb(28,99,206) |
hsl(216,76%,46%) |
#1959b8 |
rgb(25,89,184) |
hsl(216,76%,41%) |
#164ea2 |
rgb(22,78,162) |
hsl(216,76%,36%) |
#13438b |
rgb(19,67,139) |
hsl(216,76%,31%) |
#103875 |
rgb(16,56,117) |
hsl(216,76%,26%) |
#0d2d5e |
rgb(13,45,94) |
hsl(216,76%,21%) |
#0a2348 |
rgb(10,35,72) |
hsl(216,76%,16%) |
#071831 |
rgb(7,24,49) |
hsl(216,76%,11%) |
#040d1b |
rgb(4,13,27) |
hsl(216,76%,6%) |
#010204 |
rgb(1,2,4) |
hsl(216,76%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE3D8 |
rgb(58,227,216) |
hsl(176,75%,56%) |
#3A7EE4 |
rgb(58,126,228) |
hsl(216,76%,56%) |
#673BE4 |
rgb(103,59,228) |
hsl(256,76%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AB3EF |
rgb(138,179,239) |
hsl(216,76%,74%) |
#6299E9 |
rgb(98,153,233) |
hsl(216,75%,65%) |
#3A7EE4 |
rgb(58,126,228) |
hsl(216,76%,56%) |
#1C66D3 |
rgb(28,102,211) |
hsl(216,77%,47%) |
#1752AB |
rgb(23,82,171) |
hsl(216,76%,38%) |
#114082 |
rgb(17,64,130) |
hsl(215,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A7EE4 |
rgb(58,126,228) |
hsl(216,76%,56%) |
#E44A3A |
rgb(228,74,58) |
hsl(6,76%,56%) |
#D3E33A |
rgb(211,227,58) |
hsl(66,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A7EE4 |
rgb(58,126,228) |
hsl(216,76%,56%) |
#E4A13A |
rgb(228,161,58) |
hsl(36,76%,56%) |
#3AD4E4 |
rgb(58,212,228) |
hsl(186,76%,56%) |
#D3E33A |
rgb(211,227,58) |
hsl(66,75%,56%) |