HEX #3A87E4 color — Royal Blue
The color #3A87E4 is a light shade and moderately saturated.
Palette
3A87E4 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fd |
rgb(237,244,253) |
hsl(213,76%,96%) |
#d7e6f9 |
rgb(215,230,249) |
hsl(213,76%,91%) |
#c0d9f6 |
rgb(192,217,246) |
hsl(213,76%,86%) |
#aacbf3 |
rgb(170,203,243) |
hsl(213,76%,81%) |
#93bdf0 |
rgb(147,189,240) |
hsl(213,76%,76%) |
#7dafed |
rgb(125,175,237) |
hsl(213,76%,71%) |
#66a2ea |
rgb(102,162,234) |
hsl(213,76%,66%) |
#5094e7 |
rgb(80,148,231) |
hsl(213,76%,61%) |
#3a86e4 |
rgb(58,134,228) |
hsl(213,76%,56%) |
#2379e1 |
rgb(35,121,225) |
hsl(213,76%,51%) |
#1c6cce |
rgb(28,108,206) |
hsl(213,76%,46%) |
#1961b8 |
rgb(25,97,184) |
hsl(213,76%,41%) |
#1655a2 |
rgb(22,85,162) |
hsl(213,76%,36%) |
#13498b |
rgb(19,73,139) |
hsl(213,76%,31%) |
#103d75 |
rgb(16,61,117) |
hsl(213,76%,26%) |
#0d315e |
rgb(13,49,94) |
hsl(213,76%,21%) |
#0a2648 |
rgb(10,38,72) |
hsl(213,76%,16%) |
#071a31 |
rgb(7,26,49) |
hsl(213,76%,11%) |
#040e1b |
rgb(4,14,27) |
hsl(213,76%,6%) |
#010204 |
rgb(1,2,4) |
hsl(213,76%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE3CF |
rgb(58,227,207) |
hsl(173,75%,56%) |
#3A87E4 |
rgb(58,135,228) |
hsl(213,76%,56%) |
#5E3BE4 |
rgb(94,59,228) |
hsl(252,76%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AB8EF |
rgb(138,184,239) |
hsl(213,76%,74%) |
#62A1E9 |
rgb(98,161,233) |
hsl(212,75%,65%) |
#3A87E4 |
rgb(58,135,228) |
hsl(213,76%,56%) |
#1C70D3 |
rgb(28,112,211) |
hsl(212,77%,47%) |
#1759AB |
rgb(23,89,171) |
hsl(213,76%,38%) |
#114582 |
rgb(17,69,130) |
hsl(212,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A87E4 |
rgb(58,135,228) |
hsl(213,76%,56%) |
#E4423A |
rgb(228,66,58) |
hsl(3,76%,56%) |
#DCE33A |
rgb(220,227,58) |
hsl(62,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A87E4 |
rgb(58,135,228) |
hsl(213,76%,56%) |
#E4963A |
rgb(228,150,58) |
hsl(32,76%,56%) |
#3ADBE4 |
rgb(58,219,228) |
hsl(183,76%,56%) |
#DCE33A |
rgb(220,227,58) |
hsl(62,75%,56%) |