Color Palette

The accessibility check requires the color to be equal or greater than a ratio of 4.5.

Content
Pass
Contrast: 14.6
Color: #F4F4F4
Text: #1F230D
Content nested
Pass
Contrast: 8.9
Color: #ffffff
Text: #594545
Control
Pass
Contrast: 8.1
Color: #594545
Text: #F4F4F4
Submit
Pass
Contrast: 14.6
Color: #1F230D
Text: #F4F4F4
Input
Pass
Contrast: 8.9
Color: #ffffff
Text: #594545
Sale
Pass
Contrast: 16.1
Color: #1F230D
Text: #FFFFFF
Info
Pass
Contrast: 8.1
Color: #F4F4F4
Text: #594545

Big Title

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

This is a heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pharetra tincidunt auctor. Curabitur lobortis rhoncus dictum. Ut sagittis congue ex, quis scelerisque lectus iaculis eu. Etiam et sem erat. Cras vestibulum luctus eros, a scelerisque nisl accumsan vel. Integer sit amet vehicula ipsum, in dapibus dolor.

Quisque egestas eros et nunc hendrerit, eu varius erat dictum. Vivamus vel imperdiet nisi.

Another heading

Quisque egestas eros et nunc hendrerit, eu varius erat dictum. Vivamus vel imperdiet nisi. Nullam lorem nibh, tempus eu sodales ut, condimentum at ipsum. Pellentesque dapibus risus et ultrices vestibulum. Nunc rhoncus ut dui in gravida.

Buttons

Pills

Control Submit Sale Info Control Inverse Submit Inverse Sale Inverse Info Inverse

Filter Buttons

Filter Add Filter Checked Filter Disabled

Variant Buttons

Variant Control Variant Submit

Inputs

This is an error message
Checkboxes
Radio Buttons