HEX #3A7DE2 color — Royal Blue
The color #3A7DE2 is a dark shade and moderately saturated.
Palette
3A7DE2 color palette from light to dark
HEX |
RGB |
HSL |
#edf3fc |
rgb(237,243,252) |
hsl(216,74%,96%) |
#d7e5f9 |
rgb(215,229,249) |
hsl(216,74%,91%) |
#c1d6f6 |
rgb(193,214,246) |
hsl(216,74%,86%) |
#abc7f2 |
rgb(171,199,242) |
hsl(216,74%,81%) |
#95b9ef |
rgb(149,185,239) |
hsl(216,74%,76%) |
#7eaaec |
rgb(126,170,236) |
hsl(216,74%,71%) |
#689be8 |
rgb(104,155,232) |
hsl(216,74%,66%) |
#528de5 |
rgb(82,141,229) |
hsl(216,74%,61%) |
#3c7ee2 |
rgb(60,126,226) |
hsl(216,74%,56%) |
#2670df |
rgb(38,112,223) |
hsl(216,74%,51%) |
#1e64cc |
rgb(30,100,204) |
hsl(216,74%,46%) |
#1b59b6 |
rgb(27,89,182) |
hsl(216,74%,41%) |
#184ea0 |
rgb(24,78,160) |
hsl(216,74%,36%) |
#15438a |
rgb(21,67,138) |
hsl(216,74%,31%) |
#113873 |
rgb(17,56,115) |
hsl(216,74%,26%) |
#0e2e5d |
rgb(14,46,93) |
hsl(216,74%,21%) |
#0b2347 |
rgb(11,35,71) |
hsl(216,74%,16%) |
#071831 |
rgb(7,24,49) |
hsl(216,74%,11%) |
#040d1b |
rgb(4,13,27) |
hsl(216,74%,6%) |
#010204 |
rgb(1,2,4) |
hsl(216,74%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE3D7 |
rgb(58,227,215) |
hsl(176,75%,56%) |
#3A7DE2 |
rgb(58,125,226) |
hsl(216,74%,56%) |
#673BE2 |
rgb(103,59,226) |
hsl(256,74%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89B3ED |
rgb(137,179,237) |
hsl(215,74%,73%) |
#6196E7 |
rgb(97,150,231) |
hsl(216,74%,64%) |
#3A7DE2 |
rgb(58,125,226) |
hsl(216,74%,56%) |
#1E66CF |
rgb(30,102,207) |
hsl(216,75%,46%) |
#1852A8 |
rgb(24,82,168) |
hsl(216,75%,38%) |
#124080 |
rgb(18,64,128) |
hsl(215,75%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A7DE2 |
rgb(58,125,226) |
hsl(216,74%,56%) |
#E24A3A |
rgb(226,74,58) |
hsl(6,74%,56%) |
#D1E33A |
rgb(209,227,58) |
hsl(66,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A7DE2 |
rgb(58,125,226) |
hsl(216,74%,56%) |
#E29E3A |
rgb(226,158,58) |
hsl(36,74%,56%) |
#3AD1E2 |
rgb(58,209,226) |
hsl(186,74%,56%) |
#D1E33A |
rgb(209,227,58) |
hsl(66,75%,56%) |