Color Contrast & Palette

Calculate WCAG 2.1 accessibility contrast ratios and convert color spaces.

Foreground (Text Color)

RGB: rgb(74, 222, 128) · hsl(142, 69%, 58%)

Background Color

RGB: rgb(10, 15, 13) · hsl(156, 20%, 5%)

Presets:

Contrast Ratio

11.09 : 1

AA Normal Text (≥4.5:1)✓ PASS

AA Large Text (≥3.0:1)✓ PASS

AAA Normal Text (≥7.0:1)✓ PASS

AAA Large Text (≥4.5:1)✓ PASS

UI Components & Icons (≥3.0:1)✓ PASS

Live Text Preview (Custom Colors)

Large Heading Text (18pt / 24px Bold)

This is a regular body paragraph rendered with your selected foreground and background colors. Accessible color contrast ensures maximum readability in direct sunlight and for visually impaired users.