function@function contrast-color($background-color, $light-color, $dark-color) { … }Gets the contrast between two colors. The contrast ratios between background and foreground colors should be:
NOTE: This does not account for font size or font weight but should be good enough for most cases.
ColorThe color with the highest contrast ratio
@use "@react-md/core";
$background-color: #fafafa;
.container {
background-color: $background-color;
color: core.contrast-color($background-color);
}