Colors – Pinya

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
Černá
#000000
Nezralá
#153A22
Zrající
#90CAA5
Zralá
#FAB624
Colada
#F8F0E7
Černá
rgb(0, 0, 0)
Nezralá
rgb(21, 58, 34)
Zrající
rgb(144, 202, 165)
Zralá
rgb(250, 182, 36)
Colada
rgb(248, 240, 231)
Černá
0-0-0-100
Nezralá
88-49-87-61
Zrající
49-0-44-0
Zralá
0-33-89-0
Colada
3-6-11-0
Černá
N/A
Nezralá
N/A
Zrající
N/A
Zralá
N/A
Colada
N/A
Černá
N/A
Nezralá
N/A
Zrající
N/A
Zralá
N/A
Colada
N/A
Černá
N/A
Nezralá
N/A
Zrající
N/A
Zralá
N/A
Colada
N/A
Černá
N/A
Nezralá
N/A
Zrající
N/A
Zralá
N/A
Colada
N/A
Černá
N/A
Nezralá
N/A
Zrající
N/A
Zralá
N/A
Colada
N/A

Colour ratios

Proportional use of colour within the visual style. The section is in a new, improved design.

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