Atmospheric brown carbon (BrC) is an important contributor to light absorption and climate forcing by aerosols. Reactions between small water-soluble carbonyls and ammonia or amines have been identified as one of the potential pathways of BrC formation. However, detailed chemical characterization of BrC chromophores has been challenging and their formation mechanisms are still poorly understood. Understanding BrC formation is impeded by the lack of suitable methods which can unravel the variability and complexity of BrC mixtures. This study applies high performance liquid chromatography (HPLC) coupled to photodiode array (PDA) detector and high resolution mass spectrometry (HRMS) to investigate optical properties and chemical composition of individual BrC components produced through reactions of methylglyoxal (MG) and ammonium sulfate (AS), both of which are abundant in the atmospheric environment. A direct relationship between optical properties and chemical composition of 30 major BrC chromophores is established. Nearly all of these chromophores are nitrogen-containing compounds that account for >70% of the overall light absorption by the MG+AS system in the 300-500 nm range. These results suggest that reduced-nitrogen organic compounds formed in reactions between atmospheric carbonyls and ammonia/amines are important BrC chromophores. It is also demonstrated that improved separation of BrC chromophores by HPLC will significantly advance understanding of BrC chemistry.