Text ↓ BG → | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950 |
---|---|---|---|---|---|---|---|---|---|---|---|
50 | Aa 1 | Aa 1.84 | Aa 2.3 | Aa 2.93 | Aa 3.77 | Aa 4.85 | Aa 6.14 | Aa 7.72 | Aa 9.43 | Aa 10.85 | Aa 11.61 |
100 | Aa 1.84 | Aa 1 | Aa 1.25 | Aa 1.59 | Aa 2.06 | Aa 2.64 | Aa 3.35 | Aa 4.21 | Aa 5.14 | Aa 5.91 | Aa 6.33 |
200 | Aa 2.3 | Aa 1.25 | Aa 1 | Aa 1.27 | Aa 1.64 | Aa 2.11 | Aa 2.67 | Aa 3.36 | Aa 4.1 | Aa 4.71 | Aa 5.05 |
300 | Aa 2.93 | Aa 1.59 | Aa 1.27 | Aa 1 | Aa 1.29 | Aa 1.66 | Aa 2.1 | Aa 2.64 | Aa 3.22 | Aa 3.71 | Aa 3.97 |
400 | Aa 3.77 | Aa 2.06 | Aa 1.64 | Aa 1.29 | Aa 1 | Aa 1.28 | Aa 1.63 | Aa 2.05 | Aa 2.5 | Aa 2.87 | Aa 3.08 |
500 | Aa 4.85 | Aa 2.64 | Aa 2.11 | Aa 1.66 | Aa 1.28 | Aa 1 | Aa 1.27 | Aa 1.59 | Aa 1.95 | Aa 2.24 | Aa 2.4 |
600 | Aa 6.14 | Aa 3.35 | Aa 2.67 | Aa 2.1 | Aa 1.63 | Aa 1.27 | Aa 1 | Aa 1.26 | Aa 1.53 | Aa 1.76 | Aa 1.89 |
700 | Aa 7.72 | Aa 4.21 | Aa 3.36 | Aa 2.64 | Aa 2.05 | Aa 1.59 | Aa 1.26 | Aa 1 | Aa 1.22 | Aa 1.4 | Aa 1.5 |
800 | Aa 9.43 | Aa 5.14 | Aa 4.1 | Aa 3.22 | Aa 2.5 | Aa 1.95 | Aa 1.53 | Aa 1.22 | Aa 1 | Aa 1.15 | Aa 1.23 |
900 | Aa 10.85 | Aa 5.91 | Aa 4.71 | Aa 3.71 | Aa 2.87 | Aa 2.24 | Aa 1.76 | Aa 1.4 | Aa 1.15 | Aa 1 | Aa 1.07 |
950 | Aa 11.61 | Aa 6.33 | Aa 5.05 | Aa 3.97 | Aa 3.08 | Aa 2.4 | Aa 1.89 | Aa 1.5 | Aa 1.23 | Aa 1.07 | Aa 1 |
gray: {
'50': '#ccc7be',
'100': '#9a9280',
'200': '#888171',
'300': '#767062',
'400': '#645f54',
'500': '#534f46',
'600': '#434039',
'700': '#33312c',
'800': '#24221f',
'900': '#161513',
'950': '#0d0c0b',
}
--color-50: #ccc7be;
--color-100: #9a9280;
--color-200: #888171;
--color-300: #767062;
--color-400: #645f54;
--color-500: #534f46;
--color-600: #434039;
--color-700: #33312c;
--color-800: #24221f;
--color-900: #161513;
--color-950: #0d0c0b;
$color-50: #ccc7be;
$color-100: #9a9280;
$color-200: #888171;
$color-300: #767062;
$color-400: #645f54;
$color-500: #534f46;
$color-600: #434039;
$color-700: #33312c;
$color-800: #24221f;
$color-900: #161513;
$color-950: #0d0c0b;