Colours – KELLYS BICYCLES

Colours

On this page

Corporate colours

The corporate colours are part of the consistent visual style and are one of the basic symbols identifying the company. The manual does not permit any adjustment or modification of the corporate colours.

Tip

As different manufacturers have their own colour swatch books, it is advisable to check the colour against the PANTONE number, or against the CMYK composition.

RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
All formats
.zip
Red
#DC0000
Black
#000000
Red
rgb(220, 0, 0)
Black
rgb(0, 0, 0)
Red
0-100-100-0
Black
0-0-0-100
Red
485 C
Black
Black C
Red
485 U
Black
Black U
Red
3020 red
Black
9005 black
Red
N/A
Black
N/A
Red
N/A
Black
N/A

Rules for using the colours

The corporate colours are one of the basic symbols identifying the company. Incorrect use of the prescribed colours can devalue the consistent visual identity of the brand.

  • Only one basic colour – red. The exception is black-and-white or monochrome use.
  • The colours are never adjusted or modified – no gradients, no shading, no hue shifts.
  • The colours of the parts of the logo are never swapped – the symbol and the typographic part always have the same colour.
  • For print, refer to Pantone or CMYK, for screens to RGB / HEX, for physical objects to RAL.
  • Body text is set in black or in shades of grey; on a dark background in white.

Tints

Tints of the corporate colours for areas, backgrounds and data visualisations. They serve as a background, never as the colour of the logo.

Note

The tints are not specified numerically in the printed manual – they are a recommendation derived from the colour range on page 16 of the manual.

RGB
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
All formats
.zip

Red 80 %

#e33333

Red 60 %

#ea6666

Red 40 %

#f19999

Red 20 %

#f8cccc

Red 10 %

#fce6e6

Black 80 %

#333333

Black 60 %

#666666

Black 40 %

#999999

Black 20 %

#cccccc

Black 10 %

#e6e6e6

Red 80 %

rgb(227, 51, 51)

Red 60 %

rgb(234, 102, 102)

Red 40 %

rgb(241, 153, 153)

Red 20 %

rgb(248, 204, 204)

Red 10 %

rgb(252, 230, 230)

Black 80 %

rgb(51, 51, 51)

Black 60 %

rgb(102, 102, 102)

Black 40 %

rgb(153, 153, 153)

Black 20 %

rgb(204, 204, 204)

Black 10 %

rgb(230, 230, 230)

Recommended colour ratio

Across the various technological applications of the brand only one basic colour is used – red. The exception is black-and-white or monochrome use.

Note

The manual does not define the ratio – it is a recommendation derived from the page layout of the printed manual.

Contrast and legibility

Check your combination of text colour and background. The corporate red on a white area meets the contrast requirement for large text; for small text use black.

Resulting contrast

21.00

Small text

Less than 18pt or 14pt bold
AAA

Large text

At least 18pt or 14pt bold
AAA

UI components

Graphical objects and UI components
AA

Explore this color combination on color.review or coolors.co

Color modes

Color modes (HEX, RGB, CMYK, Pantone, RAL, NCS, 3M) represent different color definition systems used in various media and technologies. The table below explains their usage for proper logo display on screens, in print, or physical materials.

Color Mode What is it? Usage
HEX RGB Equivalent (hexadecimal) WEBHTMLCSS
RGB Color Space of Screens RGB WEBHTMLCSS
CMYK
 Color Space for Printers CMYK
 PRINT
Pantone
 Direct Mixed Colors Pantone for printing  PRINT
RAL
 Color matching system RAL for physical objects  INDUSTRIAL
NCS
 Natural Color System NCS based on human perception  INDUSTRIALDESIGN
3M
 Vinyl wrap system 3M for wraps and signage  SIGNAGE