Color 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

{{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

Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Button

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title

Progress

Gradients.app

27.04.2024

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Button

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title