HEX #3A7AE4 color — Royal Blue
The color #3A7AE4 is a dark shade and moderately saturated.
Palette
3A7AE4 color palette from light to dark
HEX |
RGB |
HSL |
#edf3fd |
rgb(237,243,253) |
hsl(217,76%,96%) |
#d7e4f9 |
rgb(215,228,249) |
hsl(217,76%,91%) |
#c0d5f6 |
rgb(192,213,246) |
hsl(217,76%,86%) |
#aac6f3 |
rgb(170,198,243) |
hsl(217,76%,81%) |
#93b7f0 |
rgb(147,183,240) |
hsl(217,76%,76%) |
#7da8ed |
rgb(125,168,237) |
hsl(217,76%,71%) |
#6699ea |
rgb(102,153,234) |
hsl(217,76%,66%) |
#508ae7 |
rgb(80,138,231) |
hsl(217,76%,61%) |
#3a7be4 |
rgb(58,123,228) |
hsl(217,76%,56%) |
#236ce1 |
rgb(35,108,225) |
hsl(217,76%,51%) |
#1c60ce |
rgb(28,96,206) |
hsl(217,76%,46%) |
#1956b8 |
rgb(25,86,184) |
hsl(217,76%,41%) |
#164ca2 |
rgb(22,76,162) |
hsl(217,76%,36%) |
#13418b |
rgb(19,65,139) |
hsl(217,76%,31%) |
#103775 |
rgb(16,55,117) |
hsl(217,76%,26%) |
#0d2c5e |
rgb(13,44,94) |
hsl(217,76%,21%) |
#0a2248 |
rgb(10,34,72) |
hsl(217,76%,16%) |
#071731 |
rgb(7,23,49) |
hsl(217,76%,11%) |
#040d1b |
rgb(4,13,27) |
hsl(217,76%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,76%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE3DC |
rgb(58,227,220) |
hsl(178,75%,56%) |
#3A7AE4 |
rgb(58,122,228) |
hsl(217,76%,56%) |
#6B3BE4 |
rgb(107,59,228) |
hsl(257,76%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AB0EF |
rgb(138,176,239) |
hsl(217,76%,74%) |
#6294E9 |
rgb(98,148,233) |
hsl(218,75%,65%) |
#3A7AE4 |
rgb(58,122,228) |
hsl(217,76%,56%) |
#1C61D3 |
rgb(28,97,211) |
hsl(217,77%,47%) |
#174FAB |
rgb(23,79,171) |
hsl(217,76%,38%) |
#113D82 |
rgb(17,61,130) |
hsl(217,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A7AE4 |
rgb(58,122,228) |
hsl(217,76%,56%) |
#E44F3A |
rgb(228,79,58) |
hsl(7,76%,56%) |
#CFE33A |
rgb(207,227,58) |
hsl(67,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A7AE4 |
rgb(58,122,228) |
hsl(217,76%,56%) |
#E4A33A |
rgb(228,163,58) |
hsl(37,76%,56%) |
#3ACFE4 |
rgb(58,207,228) |
hsl(187,76%,56%) |
#CFE33A |
rgb(207,227,58) |
hsl(67,75%,56%) |