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

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

Tools

Hello,
nice to see you!

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