Dr. Max Design System - Color Contrast Checker

Calculate the contrast ratio of text and background colors exclusively with our design system colours, to stay on-brand and accessible.

Visit our Design System
text-black-primary
HEX:
#1b1b1bff
RGB:
RGB(27, 27, 27)
gray-0
HEX:
#ffffff
RGB:
RGB(255, 255, 255)

Contrast

0.00
Poor - Fails all WCAG requirements

Normal Text

(WCAG 1.4.3)

AA (4.5:1)AAA (7:1)

Text that is less than 24px (18pt), or less than 18.5px (14pt) if bold. Standard body text typically falls into this category.

Large Text

(WCAG 1.4.3)

AA (3:1)AAA (4.5:1)

Text that is at least 24px (18pt), or at least 18.5px (14pt) if bold. This includes headings, titles, and other large text elements.

Graphical Objects & UI Components

(WCAG 1.4.11)

AA (3:1)

Includes icons, form controls, buttons, focus indicators, informational graphics, and other visual elements that convey information.

This is large text

You should be able to read this without a problem with sufficient contrast.

Can you still read this?