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.
