[{"data":1,"prerenderedAt":35},["ShallowReactive",2],{"tool-contrast":3},{"id":4,"title":5,"accent":6,"body":7,"description":13,"extension":21,"image":22,"meta":23,"navigation":24,"order":25,"path":26,"seo":27,"source":28,"stem":29,"tagline":30,"tasks":31,"useWhen":33,"__hash__":34},"tools\u002Ftools\u002Fcontrast.md","Contrast","#C9A24A",{"type":8,"value":9,"toc":17},"minimark",[10,14],[11,12,13],"p",{},"Pick a text colour and a background, or click a word in a screenshot to take both from it. The report gives the WCAG 2.x contrast ratio and whether it passes AA and AAA for normal and large text. A sample card shows the text at 8, 12, 16 and 24 px in a pixel font on your two colours.",[11,15,16],{},"If it fails, it suggests the nearest colour that passes: same hue, lightness moved. You choose which of the two colours it changes and which level to aim for. The hex is in the report. For reference, #777 on white comes out at 4.48, just under AA.",{"title":18,"searchDepth":19,"depth":19,"links":20},"",2,[],"md","\u002Ftools\u002Fcontrast.png",{},true,15,"\u002Ftools\u002Fcontrast",{"title":5,"description":13},null,"tools\u002Fcontrast","WCAG contrast ratio for a text and background colour, and the nearest colour that passes.",[32],"readability","You want to know if UI text is readable on its background, and which colour would fix it.","NpJmbLrE1lfU7wu_mxB-i4d2ZZDucgtFhtiTzF2hD70",1790507181190]