Colors – Psyon - Psychadelická klinika

Colors

On this page

Střední vzorník barev

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

RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
Visualbook Export
.txt
All formats
.zip
Psyon Navy
#2C6DB4
Psyon Coral
#F9B09B
Psyon Night
#1C2D57
Psyon New Black
#08132F
Psyon Navy
rgb(44, 109, 180)
Psyon Coral
rgb(249, 176, 155)
Psyon Night
rgb(28, 45, 87)
Psyon New Black
rgb(8, 19, 47)
Psyon Navy
C: 84% M: 53% Y: 0% K: 0%
Psyon Coral
C: 0% M: 40% Y: 36% K: 0%
Psyon Night
C: 100% M: 87% Y: 36% K: 31%
Psyon New Black
C: 100% M: 92% Y: 48% K: 65%
Psyon Navy
3506 C
Psyon Coral
487 C
Psyon Night
2767 C
Psyon New Black
296 C
Psyon Navy
2935 U
Psyon Coral
1625 U
Psyon Night
295 U
Psyon New Black
N/A
Psyon Navy
5015
Psyon Coral
420-2
Psyon Night
5026
Psyon New Black
5004
Psyon Navy
N/A
Psyon Coral
N/A
Psyon Night
N/A
Psyon New Black
N/A
Psyon Navy
N/A
Psyon Coral
N/A
Psyon Night
N/A
Psyon New Black
N/A

Color palette

Color palettes enable us to create digital environments (applications, websites) with sufficient contrast and accessibility for all elements.

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

Coral

#f9b09b

Coral Mist

#f4bead

Coral Blush

#fccfc1

Coral Whisper

#fddfd4

Coral Frost

#fee9e1

Psyon Navy

#2c6db4

Psyon Blue

#487ec0

Psyon Sky

#659cd0

Psyon Mist

#8ab7e2

Psyon Frost

#c0d8eb

Coral

rgb(249, 176, 155)

Coral Mist

rgb(244, 190, 173)

Coral Blush

rgb(252, 207, 193)

Coral Whisper

rgb(253, 223, 212)

Coral Frost

rgb(254, 233, 225)

Psyon Navy

rgb(44, 109, 180)

Psyon Blue

rgb(72, 126, 192)

Psyon Sky

rgb(101, 156, 208)

Psyon Mist

rgb(138, 183, 226)

Psyon Frost

rgb(192, 216, 235)

Coral

0-42-34-0

Coral Mist

0-35-28-0

Coral Blush

0-27-20-0

Coral Whisper

0-18-14-0

Coral Frost

0-13-10-0

Psyon Navy

94-49-0-0

Psyon Blue

83-40-0-0

Psyon Sky

72-24-4-0

Psyon Mist

56-13-2-0

Psyon Frost

32-5-5-0

Coral

487 C

Coral Mist

489 C

Coral Blush

705 C

Coral Whisper

706 C

Coral Frost

707 C

Psyon Navy

2935 C

Psyon Blue

285 C

Psyon Sky

292 C

Psyon Mist

2707 C

Psyon Frost

649 C

Coral

1625 U

Coral Mist

488 U

Coral Blush

706 U

Coral Whisper

707 U

Coral Frost

9180 U

Psyon Navy

285 U

Psyon Blue

2935 U

Psyon Sky

2915 U

Psyon Mist

649 U

Psyon Frost

2706 U

Coral

3012

Coral Mist

3015

Coral Blush

3015

Coral Whisper

3015

Coral Frost

9016

Psyon Navy

5019

Psyon Blue

5015

Psyon Sky

5012

Psyon Mist

5024

Psyon Frost

5014

Gradient formula

Examples of gradients used within a brand. Gradients with three colors can now be defined.

Note

sgre

Psyon Frost

#C0D8EB

Coral Frost

#FEE9E1

Psyon Navy

#2C6DB4

Coral

#F9B09B

Psyon Navy

#2C6DB4

Psyon Frost

#C0D8EB

Coral

#F9B09B

Coral Frost

#FEE9E1

Contrast control

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

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