Just provide the background color you want to use and instantly get foreground color suggestions that will work best for your background color. All you then need to do is just choose one of the suggested colors. The contrast ratio between the background color and the foreground color you chose will be shown, but all suggested colors will meet or exceed the WCAG Standard. If you’re happy with the chosen color, you can then simply copy and paste it into other apps as RGB, HEX, or HSB color values.
If you already have a foreground color in mind, just provide it to the app. The color contrast ratio between the background and foreground color will be shown. If the ratio fails to meet the WCAG Standard, you can choose one of the suggested colors that is the closest match to your foreground color.
Providing colors to the app is just as simple. Use our built-in color picker to pick a color from any item displayed on your screen by just clicking your mouse on it. You can also specify the color as HEX, RGB, HSL, HSV, or CMYK color values.