Calculator

The basic HTML calculator styled with CSS.

Link to the HTML/CSS/JavaScript code for the Styles Calculator.

Styled with CSS

0.00





MR Value: 0


Basic HTML

0.00






MR Value: 0

Images Used to Style Calculator

Contrast

Screenshot of the WebAim Contrast Checker showing that the calculator output display is contrast compliant for accessibility.

The text color #434A3E has a contrast ratio of 8.03:1 on a #EDF1EB background.

WebAim Contrast Checker

Screenshot of the WebAim Contrast Checker showing display text/background values.