Colours
Brand Colours
Primary
Our unique yellow and dark blue are central to our visual identity and need to be included in every form of media published. The primary colours should not be adjusted or modified whatsoever.
R244 G211 B32
C6 M13 Y96 K0
HEX #192148
R25 G33 B72
C99 M92 Y41 K43
HEX #F59020
R245 G144 B32
C1 M52 Y99 K0
Secondary Colours
Secondary
The primary colours can be accompanied by a number of secondary colours. These colours should not be a substitute for the primary yellow and dark blue, which should be present in all forms of media.
HEX #FBF551
R250 G244 B81
C5 M0 Y78 K0
HEX #E6719B
R229 G113 B154
C5 M70 Y13 K0
HEX #23F82E
R35 G247 B46
C62 M0 Y100 K0
HEX #3CD06A
R60 G207 B106
C67 M0 Y80 K0
HEX #1B94E5
R27 G148 B229
C73 M33 Y0 K0
HEX #202960
R31 G41 B96
C100 M95 Y33 K23
HEX #0B112E
R11 G17 B46
C93 M87 Y49 K65
Colour Balance
Colour balance is important to be applied throughout all digital and print materials of our brand. With a colour balance guide, we can ensure that our primary and secondary colours are applied correctly on both dark and light modes. It also establishes consistency in main colours to use and other colours for highlighting or smaller proportion of screen or surface area.
Dark Mode
40%
30%
10%
10%
10%
Light Mode
40%
15%
15%
10%
10%
10%
Chromatic Fonts
High Contrast
When you want to create a high contrast between text and background, the following combination between font and background colours can be used.
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Low Contrast
When you want to create a low contrast between text and background, the following combination between font and background colours can be used.
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor