Colors – The Ostrava International School (TOIS)

Colors

On this page

Colour palette

Primary colours – red, yellow and blue.
Secondary colours – green, black and beige.
Definitions of colours in a wide variety of colour profiles.

RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
All formats
.zip
Red
#E72D3E
Yellow
#EFC32C
Blue
#4299D5
Green
#4CB8A6
Black
#231F20
Beige
#F0ECE8
Red
rgb(231, 45, 62)
Yellow
rgb(239, 195, 44)
Blue
rgb(66, 153, 213)
Green
rgb(76, 184, 166)
Black
rgb(35, 31, 32)
Beige
rgb(240, 236, 232)
Red
0-92-70-0
Yellow
8-23-88-0
Blue
71-27-0-0
Green
67-0-43-0
Black
0-0-0-100
Beige
7-7-9-0
Red
Warm Red C
Yellow
1235 C
Blue
279 C
Green
N/A
Black
N/A
Beige
N/A
Red
N/A
Yellow
N/A
Blue
N/A
Green
N/A
Black
N/A
Beige
N/A
Red
N/A
Yellow
N/A
Blue
N/A
Green
N/A
Black
N/A
Beige
N/A
Red
N/A
Yellow
N/A
Blue
N/A
Green
N/A
Black
N/A
Beige
N/A
Red
N/A
Yellow
N/A
Blue
N/A
Green
N/A
Black
N/A
Beige
N/A

Graphic elements

Colourful speech bubbles, which we use, for example, in combination with photos, serve as a graphic addition to the visual style. This is a playful element designed to create a friendly and cheerful atmosphere.

Icons

Other graphic elements include simple icons symbolising specific school subjects and key abstract concepts from the field of schooling and education.

Illustrations

Simple line drawings were created for the visual style and are used in combination with icons, speech bubbles and photographs.

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