Accessible Color Suggestions

Get accessible color alternatives with WCAG compliance

Foreground

Background

WCAG AA (Normal Text)

Requires 4.5:1 - Current: 3.68:1

WCAG AA (Large Text)

Requires 3:1 - Current: 3.68:1

WCAG AAA

Requires 7:1 - Current: 3.68:1

This is how your text will look with these colors.

Contrast Ratio: 3.68:1

.text {
  color: #3b82f6;
  background-color: #ffffff;
}