| Text ↓ BG → | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| 50 | Aa 1 | Aa 1.1 | Aa 1.34 | Aa 1.65 | Aa 2.05 | Aa 2.58 | Aa 3.3 | Aa 4.25 | Aa 5.56 | Aa 7.2 | Aa 8.24 |
| 100 | Aa 1.1 | Aa 1 | Aa 1.22 | Aa 1.5 | Aa 1.87 | Aa 2.35 | Aa 3 | Aa 3.87 | Aa 5.06 | Aa 6.55 | Aa 7.5 |
| 200 | Aa 1.34 | Aa 1.22 | Aa 1 | Aa 1.23 | Aa 1.53 | Aa 1.93 | Aa 2.46 | Aa 3.17 | Aa 4.15 | Aa 5.37 | Aa 6.15 |
| 300 | Aa 1.65 | Aa 1.5 | Aa 1.23 | Aa 1 | Aa 1.25 | Aa 1.57 | Aa 2 | Aa 2.58 | Aa 3.38 | Aa 4.37 | Aa 5 |
| 400 | Aa 2.05 | Aa 1.87 | Aa 1.53 | Aa 1.25 | Aa 1 | Aa 1.26 | Aa 1.61 | Aa 2.07 | Aa 2.71 | Aa 3.5 | Aa 4.01 |
| 500 | Aa 2.58 | Aa 2.35 | Aa 1.93 | Aa 1.57 | Aa 1.26 | Aa 1 | Aa 1.28 | Aa 1.65 | Aa 2.16 | Aa 2.79 | Aa 3.19 |
| 600 | Aa 3.3 | Aa 3 | Aa 2.46 | Aa 2 | Aa 1.61 | Aa 1.28 | Aa 1 | Aa 1.29 | Aa 1.69 | Aa 2.18 | Aa 2.5 |
| 700 | Aa 4.25 | Aa 3.87 | Aa 3.17 | Aa 2.58 | Aa 2.07 | Aa 1.65 | Aa 1.29 | Aa 1 | Aa 1.31 | Aa 1.69 | Aa 1.94 |
| 800 | Aa 5.56 | Aa 5.06 | Aa 4.15 | Aa 3.38 | Aa 2.71 | Aa 2.16 | Aa 1.69 | Aa 1.31 | Aa 1 | Aa 1.29 | Aa 1.48 |
| 900 | Aa 7.2 | Aa 6.55 | Aa 5.37 | Aa 4.37 | Aa 3.5 | Aa 2.79 | Aa 2.18 | Aa 1.69 | Aa 1.29 | Aa 1 | Aa 1.14 |
| 950 | Aa 8.24 | Aa 7.5 | Aa 6.15 | Aa 5 | Aa 4.01 | Aa 3.19 | Aa 2.5 | Aa 1.94 | Aa 1.48 | Aa 1.14 | Aa 1 |
darkblue: {
'50': '#f4f4fb',
'100': '#e9e9f6',
'200': '#d3d3ed',
'300': '#bdbee4',
'400': '#a7a9db',
'500': '#9195d2',
'600': '#7a81c9',
'700': '#626ec0',
'800': '#485bb6',
'900': '#264aad',
'950': '#0541a8',
}--color-50: #f4f4fb;
--color-100: #e9e9f6;
--color-200: #d3d3ed;
--color-300: #bdbee4;
--color-400: #a7a9db;
--color-500: #9195d2;
--color-600: #7a81c9;
--color-700: #626ec0;
--color-800: #485bb6;
--color-900: #264aad;
--color-950: #0541a8;$color-50: #f4f4fb;
$color-100: #e9e9f6;
$color-200: #d3d3ed;
$color-300: #bdbee4;
$color-400: #a7a9db;
$color-500: #9195d2;
$color-600: #7a81c9;
$color-700: #626ec0;
$color-800: #485bb6;
$color-900: #264aad;
$color-950: #0541a8;