You might find it useful to check your #color combinations with one of these two #accessibility #contrast checkers:
https://webaim.org/resources/contrastchecker/
Both give contrast ratios and identify when a combination will or won’t work in different situations; large text, UI components, etc…
The later has sliders so you can play around with different combinations.
Hope that helps.