UtilitiesVault
WCAG 2.1 Contrast Testing Included

Color Picker & Format Converter

Convert color codes across HEX, RGB, and HSL color models. Check WCAG contrast compliance for web design and accessible UI styling.

Live Preview
#06B6D4
WCAG 2.1 Contrast Ratios
On White (#fff)2.43:1Fails AA
On Black (#000)8.65:1Passes AA ✓
HEX#06B6D4
RGBrgb(6, 182, 212)
HSLhsl(189, 94%, 43%)

Understanding WCAG Contrast Ratios

The Web Content Accessibility Guidelines (WCAG) require sufficient contrast between text and its background so that users with visual impairments or varying screen conditions can read comfortably.

  • Level AA: Requires a minimum contrast ratio of 4.5:1 for normal body text and 3:1 for large text (18pt or 14pt bold).
  • Level AAA: The enhanced standard requiring at least 7:1 for normal text and 4.5:1 for large text.