Colour contrast checker of text and background colors

This is a pangram

Typography is known for two-dimensional architecture and requires extra zeal within every job.

  • Light
  • Regular
  • Medium
  • Bold
Az
{{contrast(textcolor,bgcolor)}}:1
  • Change text color
Random color
  • Change background color
Random color

Color contrast — {{contrast(textcolor,bgcolor)}}:1

Suitable for the title!
Not suitable for the title!
AA — 3.1:1
AAA — 4.5:1
Suitable for description!
Not suitable for description!
AA — 4.5:1
AAA — 7.1:1
Сохранён Save

You can read about contrast standards in the interface here — WCAG

Tools

Hello,
nice to see you!

google login
github white login github black login
yandex login

Forgot Password?

Enter the email address you used when you joined and we’ll send you instructions to reset your password.

Create
a new account

Password mismatch

Hi, we need your help!

If you like the project, vote for it on ProductHunt 🏆

Gradients.app - Сreate gradients, palettes, color combinations & more | Product Hunt