°
%
%
Font color of #{{ colors.hex }} on a black background
This text has a font color of {{ colors.hex }} on a black background.
Font color of #{{ colors.hex }} on a white background
This text has a font color of {{ colors.hex }} on a white background.
Border color of #{{ colors.hex }}
This element has a border colour of {{ colors.hex }}.
Background color of #{{ colors.hex }}
This element has a background colour of {{ colors.hex }}.
Complementary Color
{{ colors.hex }}
#{{ getComplementaryColor(colors.hex) }}
Split Complementary Colors
#{{ item }}
Analogous Colors
#{{ item }}
Triadic Colors
#{{ item }}
Tetradic Colors
#{{ item }}
Tones
#{{ item }}
Shades
#{{ item }}