Color Selection

#
#

Contrast Ratio

-- : 1

WCAG Compliance

Normal Text (< 18pt or 14pt bold)
AA 4.5:1
AAA 7.0:1
Large Text (≥ 18pt or 14pt bold)
AA 3.0:1
AAA 4.5:1
UI Components (Graphics & Borders)
AA 3.0:1

Live Preview

Large Text Example

This is normal regular text. It represents the body copy of your interface. Good contrast ensures everyone can read this comfortably without straining their eyes.

UI Component