yydevtools

Color Converter

Convert between HEX, RGB and HSL, and check whether a pairing meets WCAG contrast minimums.

Large text — 24px

Normal body text at 16px, the size most copy actually uses.

5.54:1contrast ratio
  • AA · normal textPass
  • AA · large textPass
  • AAA · normal textFail
  • AAA · large textPass
  • AA · UI componentsPass

Foreground formats

  • HEX

    #2f6f8f

  • RGB

    rgb(47 111 143)

  • HSL

    hsl(200 51% 37%)

  • RGB (legacy)

    rgb(47, 111, 143)

  • Rel. luminance

    0.1396

Background formats

  • HEX

    #ffffff

  • RGB

    rgb(255 255 255)

  • HSL

    hsl(0 0% 100%)

  • RGB (legacy)

    rgb(255, 255, 255)

  • Rel. luminance

    1.0000

Large text means 18.66px bold or 24px regular and up. Alpha is ignored when computing contrast — WCAG ratios are defined for opaque colours.