I am making an application that uses a special color hex for its primaryColor. Because of this, I cannot just go on Google and select a primaryColorDark to match with this color.
My question is how do you calculate the primaryColorDark based on my provided color or any primaryColor?
My primaryColor that I am using is #00A478.
For Material Design there is a tool MaterialPalette. You choose your PrimaryColor and AccentColor and tool generates some well-looking colors based on your selection:
There is plenty of color matching algorithms to calculate what you need. I have found this site that provides more information about the math behind them. The basic idea is to convert your color to the circle color space and find colors that are in geometric relation with your color in this space.
Also there is lot of tools on the internet that implement those algorithms and can help you finding the colors.
I have used this tool and Single Hue
algorithm to find matching color for your primaryColor and found that #007052 could suit you well as primaryColorDark.
Not bad, is it? :)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With