Riot Pass $1.95/moFree during preview
#F2D50F
#12B89A
#2D55FF
#FF3D7F
#121212

Contrast

Can people read it?

Each cell is the row colour as text on the column colour, with its WCAG 2.2 contrast ratio. Ratios are cut, never rounded up: 4.49 is not 4.5.

AAA 7:1 or more: any text AA 4.5:1: body text AA large 3:1: large text (24px, or 14pt bold, about 18.7px) and buttons, icons, borders Fails under 3:1: decoration only
Contrast ratio of each text colour (rows) on each background colour (columns)
Text colour #F2D50F #12B89A #2D55FF #FF3D7F #121212
#F2D50F same colour Aa1.71:1Fails Aa3.70:1AA large Aa2.29:1Fails Aa12.75:1AAA
#12B89A Aa1.71:1Fails same colour Aa2.16:1Fails Aa1.34:1Fails Aa7.44:1AAA
#2D55FF Aa3.70:1AA large Aa2.16:1Fails same colour Aa1.61:1Fails Aa3.43:1AA large
#FF3D7F Aa2.29:1Fails Aa1.34:1Fails Aa1.61:1Fails same colour Aa5.55:1AA
#121212 Aa12.75:1AAA Aa7.44:1AAA Aa3.43:1AA large Aa5.55:1AA same colour

Best pairs for text

Every pair that reaches 4.5:1, strongest first, with plain white and near-black added as candidates.

  • Read meRead me

    #121212 + #FFFFFF 18.73:1 AAA

  • Read meRead me

    #121212 + #F2D50F 12.75:1 AAA

  • Read meRead me

    #121212 + #12B89A 7.44:1 AAA

  • Read meRead me

    #121212 + #FF3D7F 5.55:1 AA

  • Read meRead me

    #2D55FF + #FFFFFF 5.44:1 AA

Contrast is one part of accessibility, not all of it. RiotPad checks colour pairs against WCAG 2.2; it does not certify a website as accessible. Ratios use the WCAG 2.2 relative-luminance formula (Success Criteria 1.4.3, 1.4.6 and 1.4.11).