Colors – Northern Bohemia

Colors

Střední vzorník barev

Colours used in the application environment (UI – User Interface) and on the web.

Northern Blue

#69C9CD

Magnetic Blue

#0E1D43

Crystal White

#FFFFFF

Ice Grey

#DCDCD7

Northern Blue

rgb(105, 201, 205)

Magnetic Blue

rgb(14, 29, 67)

Crystal White

rgb(255, 255, 255)

Ice Grey

rgb(220, 220, 215)

Northern Blue

55-0-22-0

Magnetic Blue

100-90-38-50

Crystal White

0-0-0-0

Ice Grey

13-9-13-0

Northern Blue

N/A

Magnetic Blue

N/A

Crystal White

N/A

Ice Grey

N/A

Northern Blue

N/A

Magnetic Blue

N/A

Crystal White

N/A

Ice Grey

N/A

Northern Blue

N/A

Magnetic Blue

N/A

Crystal White

N/A

Ice Grey

N/A

Northern Blue

N/A

Magnetic Blue

N/A

Crystal White

N/A

Ice Grey

N/A

Wide range of colours

Colour palettes allow us to create digital environments (apps, web) with sufficient contrast and accessibility of all elements.

Note

sseg

Northern Blue 10

#e8f6f7

Northern Blue 20

#b1eaec

Northern Blue 30

#69c9cd

Northern Blue 40

#5fb6b9

Northern Blue 50

#50999b

Northern Blue 60

#3f787a

Northern Blue 70

#2f595b

Northern Blue 80

#1f3e40

Northern Blue 90

#14292a

Northern Blue 100

#0c1718

Magnetic Blue 10

#f3f4f5

Magnetic Blue 20

#dde0e5

Magnetic Blue 30

#c3c6cf

Magnetic Blue 40

#a3a8b7

Magnetic Blue 50

#868ea4

Magnetic Blue 60

#656f8b

Magnetic Blue 70

#465271

Magnetic Blue 80

#2b385b

Magnetic Blue 90

#0e1d43

Magnetic Blue 100

#081025

Ice Grey 10

#f3f4f2

Ice Grey 20

#dcdcd7

Ice Grey 30

#c6c7c2

Ice Grey 40

#a9a9a5

Ice Grey 50

#8d8e8b

Ice Grey 60

#70706d

Ice Grey 70

#525250

Ice Grey 80

#393938

Ice Grey 90

#262625

Ice Grey 100

#151515

Northern Blue 10

rgb(232, 246, 247)

Northern Blue 20

rgb(177, 234, 236)

Northern Blue 30

rgb(105, 201, 205)

Northern Blue 40

rgb(95, 182, 185)

Northern Blue 50

rgb(80, 153, 155)

Northern Blue 60

rgb(63, 120, 122)

Northern Blue 70

rgb(47, 89, 91)

Northern Blue 80

rgb(31, 62, 64)

Northern Blue 90

rgb(20, 41, 42)

Northern Blue 100

rgb(12, 23, 24)

Magnetic Blue 10

rgb(243, 244, 245)

Magnetic Blue 20

rgb(221, 224, 229)

Magnetic Blue 30

rgb(195, 198, 207)

Magnetic Blue 40

rgb(163, 168, 183)

Magnetic Blue 50

rgb(134, 142, 164)

Magnetic Blue 60

rgb(101, 111, 139)

Magnetic Blue 70

rgb(70, 82, 113)

Magnetic Blue 80

rgb(43, 56, 91)

Magnetic Blue 90

rgb(14, 29, 67)

Magnetic Blue 100

rgb(8, 16, 37)

Ice Grey 10

rgb(243, 244, 242)

Ice Grey 20

rgb(220, 220, 215)

Ice Grey 30

rgb(198, 199, 194)

Ice Grey 40

rgb(169, 169, 165)

Ice Grey 50

rgb(141, 142, 139)

Ice Grey 60

rgb(112, 112, 109)

Ice Grey 70

rgb(82, 82, 80)

Ice Grey 80

rgb(57, 57, 56)

Ice Grey 90

rgb(38, 38, 37)

Ice Grey 100

rgb(21, 21, 21)

Contrast control

Check the contrast between foreground and background colours to ensure that text, headings and buttons are legible according to accessibility standards.

Text color

Background color

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

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

Color modes

Color modes (HEX, RGB, CMYK, Pantone, RAL, NCS) 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

Colors

On this page

Střední vzorník barev

Wide range of colours

Contrast control

Text color

Background color

Resulting contrast

21.00

Small text

Large text

UI components

Color modes

Color Mode

What is it?

Usage