Brand Colors Generator 🧑🏻‍🎨

A tool for generating non-primary branded colors required in the FFAI app.

#794cff

3) You're all set! 🥳 See you again next time.

Color Contrast Checker 🔍

Ensure that the new gradient-dark color combinations meet WCAG guidelines.
Or click here to pick a new gradient-dark color of your choice.

Level AA, size small:

ff-white: 7.58832 Passff-light-grey: 6.54035 Passff-alice-blue: 7.06217 Passff-grey: 5.06904 Passff-dark-grey: 1.44510 Failff-black: 2.76741 Fail

Level AA, size large:

ff-white: 7.58832 Passff-light-grey: 6.54035 Passff-alice-blue: 7.06217 Passff-grey: 5.06904 Passff-dark-grey: 1.44510 Failff-black: 2.76741 Fail

Level AAA, size small:

ff-white: 7.58832 Passff-light-grey: 6.54035 Failff-alice-blue: 7.06217 Passff-grey: 5.06904 Failff-dark-grey: 1.44510 Failff-black: 2.76741 Fail

Level AAA, size large:

ff-white: 7.58832 Passff-light-grey: 6.54035 Passff-alice-blue: 7.06217 Passff-grey: 5.06904 Passff-dark-grey: 1.44510 Failff-black: 2.76741 Fail