Tink, the Tinkkit robotTinkkit
← All toolsDeveloper›Web & CSS

Color Converter & Contrast Checker

Convert colors between HEX, RGB and HSL, and check text/background contrast against WCAG accessibility levels.

Tip from Tink: Normal text needs a contrast of at least 4.5:1 for WCAG AA.

HEX#1F2937
RGBrgb(31, 41, 55)
HSLhsl(215, 28%, 17%)
HEX#FDE68A
RGBrgb(253, 230, 138)
HSLhsl(48, 97%, 77%)

Large heading text

Normal body text should be easy to read.

Contrast ratio
11.79:1
AA ✓AA large ✓AAA ✓AAA large ✓
Advertisement

How to use the Color Converter & Contrast Checker

  1. Enter a text color and background color in any format.
  2. Copy the HEX, RGB or HSL value.
  3. Check the contrast pass/fail badges.

Everything runs in your browser. Nothing you enter is uploaded.