Brand color palette
The five colors below constitute the entire Techtrol color palette. All publications must stay within this range; colors outside the palette should only be used for photographs and charts when strictly necessary to differentiate data.
Navy
#001879
rgb(0, 24, 121)
Red
#BE1E2D
rgb(190, 30, 45)
Yellow
#FFAA00
rgb(255, 170, 0)
Blue
#2B57C4
rgb(43, 87, 196)
Sky blue
#5B9EF1
rgb(91, 158, 241)
Usage guidelines
| Color | HEX | RGB | Usage |
|---|---|---|---|
| Navy | #001879 | 0, 24, 121 | Primary color: headlines, large block backgrounds, navigation bars |
| Red | #BE1E2D | 190, 30, 45 | Accent color: primary buttons, promotional prices, headline underlining |
| Yellow | #FFAA00 | 255, 170, 0 | Highlighting text in headlines, "authentic" labels, badges |
| Blue | #2B57C4 | 43, 87, 196 | Links, charts, technical illustrations |
| Sky blue | #5B9EF1 | 91, 158, 241 | Secondary backgrounds, processing status, secondary chart data |
Color combination rules
- A publication should use a maximum of three colors from the palette, with Navy or white always occupying the majority of the area.
- Red is for accents only; do not use it as a background for large blocks.
- Yellow should only be placed on Navy or dark backgrounds; it is nearly unreadable on white backgrounds.
- Do not apply transparency to brand colors when used as text backgrounds.
- Text on Navy, Red, or Blue backgrounds must be white; text on Yellow backgrounds must be Navy.
Contrast and readability
Text sizes 16px and below placed on colored backgrounds must be checked to ensure a minimum contrast ratio of 4.5:1. White text on Yellow does not meet this requirement and should not be used.
