Text ↓ BG → | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950 |
---|---|---|---|---|---|---|---|---|---|---|---|
50 | Aa 1 | Aa 1.1 | Aa 1.34 | Aa 1.66 | Aa 2.08 | Aa 2.62 | Aa 3.4 | Aa 4.4 | Aa 5.77 | Aa 7.65 | Aa 8.71 |
100 | Aa 1.1 | Aa 1 | Aa 1.22 | Aa 1.51 | Aa 1.89 | Aa 2.38 | Aa 3.1 | Aa 4.01 | Aa 5.26 | Aa 6.97 | Aa 7.93 |
200 | Aa 1.34 | Aa 1.22 | Aa 1 | Aa 1.23 | Aa 1.55 | Aa 1.95 | Aa 2.53 | Aa 3.28 | Aa 4.3 | Aa 5.7 | Aa 6.49 |
300 | Aa 1.66 | Aa 1.51 | Aa 1.23 | Aa 1 | Aa 1.25 | Aa 1.58 | Aa 2.05 | Aa 2.65 | Aa 3.48 | Aa 4.62 | Aa 5.26 |
400 | Aa 2.08 | Aa 1.89 | Aa 1.55 | Aa 1.25 | Aa 1 | Aa 1.26 | Aa 1.64 | Aa 2.12 | Aa 2.78 | Aa 3.69 | Aa 4.2 |
500 | Aa 2.62 | Aa 2.38 | Aa 1.95 | Aa 1.58 | Aa 1.26 | Aa 1 | Aa 1.3 | Aa 1.68 | Aa 2.21 | Aa 2.92 | Aa 3.33 |
600 | Aa 3.4 | Aa 3.1 | Aa 2.53 | Aa 2.05 | Aa 1.64 | Aa 1.3 | Aa 1 | Aa 1.29 | Aa 1.7 | Aa 2.25 | Aa 2.56 |
700 | Aa 4.4 | Aa 4.01 | Aa 3.28 | Aa 2.65 | Aa 2.12 | Aa 1.68 | Aa 1.29 | Aa 1 | Aa 1.31 | Aa 1.74 | Aa 1.98 |
800 | Aa 5.77 | Aa 5.26 | Aa 4.3 | Aa 3.48 | Aa 2.78 | Aa 2.21 | Aa 1.7 | Aa 1.31 | Aa 1 | Aa 1.33 | Aa 1.51 |
900 | Aa 7.65 | Aa 6.97 | Aa 5.7 | Aa 4.62 | Aa 3.69 | Aa 2.92 | Aa 2.25 | Aa 1.74 | Aa 1.33 | Aa 1 | Aa 1.14 |
950 | Aa 8.71 | Aa 7.93 | Aa 6.49 | Aa 5.26 | Aa 4.2 | Aa 3.33 | Aa 2.56 | Aa 1.98 | Aa 1.51 | Aa 1.14 | Aa 1 |
midnightblue: {
'50': '#f3f4f7',
'100': '#e6eaf0',
'200': '#ced5e1',
'300': '#b5c1d2',
'400': '#9dadc3',
'500': '#869ab4',
'600': '#6e86a5',
'700': '#567497',
'800': '#3d6289',
'900': '#20507b',
'950': '#0a4874',
}
--color-50: #f3f4f7;
--color-100: #e6eaf0;
--color-200: #ced5e1;
--color-300: #b5c1d2;
--color-400: #9dadc3;
--color-500: #869ab4;
--color-600: #6e86a5;
--color-700: #567497;
--color-800: #3d6289;
--color-900: #20507b;
--color-950: #0a4874;
$color-50: #f3f4f7;
$color-100: #e6eaf0;
$color-200: #ced5e1;
$color-300: #b5c1d2;
$color-400: #9dadc3;
$color-500: #869ab4;
$color-600: #6e86a5;
$color-700: #567497;
$color-800: #3d6289;
$color-900: #20507b;
$color-950: #0a4874;