Color and contrast

Convert colors between HEX, RGB and HSL, build a shade scale and check WCAG contrast.

Processed in your browser · Check it yourself Nothing sentData sent: 0 · To other domains: 0Analytics: not present · Ads: not present
  • HEX#4f46e5
  • RGBrgb(79, 70, 229)
  • HSLhsl(243, 75%, 59%)

Lightness scale

Click a shade to use it.

WCAG contrast

Large text

Sample text

Ratio 14.68:1

  • AA normal text✓ Pass
  • AA large text✓ Pass
  • AAA normal text✓ Pass
  • AAA large text✓ Pass

More in Web design

Learn step by step in the pathVisual CSS for your site