How to handle contrast colors?

[oliveryasuna]

Say I have the following colors:

{
  colors: {
    text: '#000',
    background: '#fff',
    primary: '#c33991'
}

Is there a smart way to handle contrast color for primary?

I thought to just make primary an object:

primary: {
  main: '#c33991',
  contrast: '#fff'
}

Now I have to reference it in sx with primary.main and primary.contrast. This seems messy. Maybe there is a way to make primary reference #c33991 and primary.contrast reference #fff?