A “tint” is a hue mixed with white which decreases darkness. Primary tints Shade | Property | Value |
---|
| HEX: | #e6f2f6 | Background Class: | bkg:pri+5 | Border Class: | bdr:pri+5 | Text Class: | txt:pri+5 | | | HEX: | #cce5ed | Background Class: | bkg:pri+4 | Border Class: | bdr:pri+4 | Text Class: | txt:pri+4 | | | HEX: | #99ccda | Background Class: | bkg:pri+3 | Border Class: | bdr:pri+3 | Text Class: | txt:pri+3 | | | HEX: | #66b2c8 | Background Class: | bkg:pri+2 | Border Class: | bdr:pri+2 | Text Class: | txt:pri+2 | | | HEX: | #3399b5 | Background Class: | bkg:pri+1 | Border Class: | bdr:pri+1 | Text Class: | txt:pri+1 |
Secondary tints Shade | Property | Value |
---|
| HEX: | #feece8 | Background Class: | bkg:sec+5 | Border Class: | bdr:sec+5 | Text Class: | txt:sec+5 | | | HEX: | #fcd9d1 | Background Class: | bkg:sec+4 | Border Class: | bdr:sec+4 | Text Class: | txt:sec+4 | | | HEX: | #f9b4a3 | Background Class: | bkg:sec+3 | Border Class: | bdr:sec+3 | Text Class: | txt:sec+3 | | | HEX: | #f68e74 | Background Class: | bkg:sec+2 | Border Class: | bdr:sec+2 | Text Class: | txt:sec+2 | | | HEX: | #f36946 | Background Class: | bkg:sec+1 | Border Class: | bdr:sec+1 | Text Class: | txt:sec+1 |
Base tints Shade | Property | Value |
---|
| HEX: | #faf9f8 | Background Class: | bkg:bas+5 | Border Class: | bdr:bas+5 | Text Class: | txt:bas+5 | | | HEX: | #f4f3f2 | Background Class: | bkg:bas+4 | Border Class: | bdr:bas+4 | Text Class: | txt:bas+4 | | | HEX: | #e9e7e4 | Background Class: | bkg:bas+3 | Border Class: | bdr:bas+3 | Text Class: | txt:bas+3 | | | HEX: | #dfdbd7 | Background Class: | bkg:bas+2 | Border Class: | bdr:bas+2 | Text Class: | txt:bas+2 | | | HEX: | #d4cfc9 | Background Class: | bkg:bas+1 | Border Class: | bdr:bas+1 | Text Class: | txt:bas+1 |
|