HEX #3A82E4 color — Royal Blue
The color #3A82E4 is a dark shade and moderately saturated.
Palette
3A82E4 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fd |
rgb(237,244,253) |
hsl(215,76%,96%) |
#d7e5f9 |
rgb(215,229,249) |
hsl(215,76%,91%) |
#c0d7f6 |
rgb(192,215,246) |
hsl(215,76%,86%) |
#aac8f3 |
rgb(170,200,243) |
hsl(215,76%,81%) |
#93baf0 |
rgb(147,186,240) |
hsl(215,76%,76%) |
#7daced |
rgb(125,172,237) |
hsl(215,76%,71%) |
#669dea |
rgb(102,157,234) |
hsl(215,76%,66%) |
#508fe7 |
rgb(80,143,231) |
hsl(215,76%,61%) |
#3a81e4 |
rgb(58,129,228) |
hsl(215,76%,56%) |
#2372e1 |
rgb(35,114,225) |
hsl(215,76%,51%) |
#1c66ce |
rgb(28,102,206) |
hsl(215,76%,46%) |
#195bb8 |
rgb(25,91,184) |
hsl(215,76%,41%) |
#1650a2 |
rgb(22,80,162) |
hsl(215,76%,36%) |
#13458b |
rgb(19,69,139) |
hsl(215,76%,31%) |
#103a75 |
rgb(16,58,117) |
hsl(215,76%,26%) |
#0d2f5e |
rgb(13,47,94) |
hsl(215,76%,21%) |
#0a2448 |
rgb(10,36,72) |
hsl(215,76%,16%) |
#071831 |
rgb(7,24,49) |
hsl(215,76%,11%) |
#040d1b |
rgb(4,13,27) |
hsl(215,76%,6%) |
#010204 |
rgb(1,2,4) |
hsl(215,76%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE3D4 |
rgb(58,227,212) |
hsl(175,75%,56%) |
#3A82E4 |
rgb(58,130,228) |
hsl(215,76%,56%) |
#633BE4 |
rgb(99,59,228) |
hsl(254,76%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AB5EF |
rgb(138,181,239) |
hsl(214,76%,74%) |
#629CE9 |
rgb(98,156,233) |
hsl(214,75%,65%) |
#3A82E4 |
rgb(58,130,228) |
hsl(215,76%,56%) |
#1C6BD3 |
rgb(28,107,211) |
hsl(214,77%,47%) |
#1757AB |
rgb(23,87,171) |
hsl(214,76%,38%) |
#114282 |
rgb(17,66,130) |
hsl(214,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A82E4 |
rgb(58,130,228) |
hsl(215,76%,56%) |
#E4473A |
rgb(228,71,58) |
hsl(5,76%,56%) |
#D7E33A |
rgb(215,227,58) |
hsl(64,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A82E4 |
rgb(58,130,228) |
hsl(215,76%,56%) |
#E49C3A |
rgb(228,156,58) |
hsl(35,76%,56%) |
#3AD6E4 |
rgb(58,214,228) |
hsl(185,76%,56%) |
#D7E33A |
rgb(215,227,58) |
hsl(64,75%,56%) |