Contrast Checker
WCAG 2.1 contrast ratio for a foreground and background pair, with the AA and AAA thresholds for normal text, large text and UI components.
Verdict
#1f2937 on #ffffff
14.68:1
Normal text
4.5:1
Large text
3:1
UI components
3:1
Colour pair
Type a hex value or pick from the swatch
All thresholds
14.68:1 measured
AA — normal text
4.5:1 or better
AAA — normal text
7:1 or better
AA — large text
3:1 or better, 18pt or 14pt bold
AAA — large text
4.5:1 or better, 18pt or 14pt bold
UI components
3:1 or better for borders, icons and focus rings
Live preview
#1f2937 on #ffffff
Body copy sits at roughly 16 pixels with a line height near 1.5, which is the normal text baseline WCAG measures against.
Large heading text
18pt, or 14pt bold, is large text.
Nearest accessible foreground
Black or white, whichever contrasts more with the background
#000000 reads at 21.00:1 on this background.
- Pure black
- 21.00:1 · AA
- Pure white
- 1.00:1
Values
Normalised colour output
- Text
- #1f2937 · rgb(31, 41, 55)
- Background
- #ffffff · rgb(255, 255, 255)