Design & Media

Color & WCAG Contrast Checker

Convert between HEX, RGB/RGBA, and HSL/HSLA colors and verify WCAG 2.2 AA/AAA contrast ratios with alpha compositing.

Foreground Text Color

Background Surface Color

WCAG 2.2 Contrast Evaluation

Alpha channels composited over effective opaque background.

13.98:1

Large Text Sample (18.66px bold / 24px regular threshold)

Normal body text contrast check: clear typography must remain readable across desktop monitors, mobile sunlight glare, and low-vision users.

WCAG AA Normal

≥ 4.5:1

PASS

WCAG AA Large / UI

≥ 3.0:1

PASS

WCAG AAA Normal

≥ 7.0:1

PASS

WCAG AAA Large

≥ 4.5:1

PASS

HEX:#1E293B

HEXA:#1E293BFF

RGB / RGBA:rgb(30, 41, 59)

HSL / HSLA:hsl(217, 33%, 17%)

HEX:#F8FAFC

HEXA:#F8FAFCFF

RGB / RGBA:rgb(248, 250, 252)

HSL / HSLA:hsl(210, 40%, 98%)