What contrast do I need?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18pt+ or 14pt bold).

A perceptual colour space used in modern CSS. Equal steps in lightness look equal to the eye.

Color Converter & Contrast — Free, private, in-browser

HEX#FF5A1F

RGBrgb(255, 90, 31)

HSLhsl(16 100% 56%)

OKLCHoklch(68.2% 0.211 37.7)

Tailwindbg-[#ff5a1f]

Background #ffffff

Large heading

Normal body text looks like this on the background.

3.12:1

✕ AA normal text

✓ AA large text

✕ AAA normal text

✕ AAA large text

Paste a whole palette to check every text/background pair against WCAG 2.2.

Minimum Show only passing pairs 0 of 0 pairs pass