Skip to main content
15.1: Color Codes and Contrasts
-
-
Last updated
-
-
Save as PDF
-
-
Link color
is hsl(199, 97%, 33%) #0372a6
-
Hover color of link is hsl(356, 79%, 42%);
-
Background is white hsl(0, 0%, 100%)
-
Surrounding text is hsl(0, 0%, 0%)
-
Link to white background: 5.3
-
Hover Link to white Background: 6.21
-
Link to surrounding text: 3.96
-
Surrounding text to background: 21
Definition/Procedure/Theorem: Word (left)
-
Link color
is hsl(199, 97%, 33%)
-
Hover color of link is hsl(356, 79%, 42%);
-
green background is hsl(124, 33%, 94%)
-
Surrounding text is hsl(0, 0%, 0%)
-
Link to green background: 4.74
-
Hover Link to green Background: 5.56
-
Link to surrounding text: 3.96
-
Surrounding text to background: 18
-
Background to white: 1.11
Example/Exercise/Note \(\PageIndex{1}\)
-
Link color
is hsl(199, 97%, 33%)
-
Hover color of link is hsl(356, 79%, 42%);
-
blue background is hsla(204, 83%, 97%)
-
Surrounding text is hsl(0, 0%, 0%)
-
Link to blue background: 4.97;
-
Hover Link to blue Background: 5.83
-
Link to surrounding text: 3.96
-
Surrounding text to background: 19.72
-
Background to white: 1.06
Caution
-
Link color
is hsl(199, 97%, 33%)
-
Hover color of link is hsl(356, 79%, 42%)
-
remove
-
red background is hsl(0, 100%, 96%)
-
Surrounding text is hsl(0, 0%, 0%)
-
Link to red background: 4.62
-
Hover Link to red Background: 5.42
-
Link to surrounding text: 3.96
-
Surrounding text to background: 18.33
-
Background to white: 1.14