Colors – Bella Rose

Colors

Střední vzorník barev

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

Cobalt

#2519B2

Blush

#FACDDC

Plum

#551B44

Alabaster

#F0EBE1

Cobalt

rgb(37, 25, 178)

Blush

rgb(250, 205, 220)

Plum

rgb(85, 27, 68)

Alabaster

rgb(240, 235, 225)

Cobalt

95-80-0-0

Blush

0-30-4-0

Plum

60-100-35-40

Alabaster

8-7-14-0

Cobalt

2736 C

Blush

509 C

Plum

7643 C

Alabaster

7527 C

Cobalt

N/A

Blush

N/A

Plum

N/A

Alabaster

N/A

Cobalt

N/A

Blush

N/A

Plum

N/A

Alabaster

N/A

Cobalt

N/A

Blush

N/A

Plum

N/A

Alabaster

N/A

Cobalt

N/A

Blush

N/A

Plum

N/A

Alabaster

N/A

Color palette

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

Kobalt

#2519b2

75 %

#5b52c5

50 %

#928cd8

35 %

#b3aee4

20 %

#d3d1f0

Blush

#facddc

75 %

#fbd9e5

50 %

#fce6ed

35 %

#fdedf3

20 %

#fef5f8

Plum

#551b44

75 %

#805473

50 %

#aa8da1

35 %

#c3afbe

20 %

#ddd1da

Alabaster

#f0ebe1

75 %

#f3f0e8

50 %

#f7f5f0

35 %

#faf8f4

20 %

#fcfbf9

Azure

#568ffa

75 %

#80abfb

50 %

#aac7fc

35 %

#c4d8fd

20 %

#dde9fe

Marine

#070849

75 %

#454676

50 %

#8383a4

35 %

#a8a9bf

20 %

#cdcedb

Rust

#ad7757

75 %

#c19981

50 %

#d6bbab

35 %

#e2cfc4

20 %

#efe4dd

Kobalt

rgb(37, 25, 178)

75 %

rgb(91, 82, 197)

50 %

rgb(146, 140, 216)

35 %

rgb(179, 174, 228)

20 %

rgb(211, 209, 240)

Blush

rgb(250, 205, 220)

75 %

rgb(251, 217, 229)

50 %

rgb(252, 230, 237)

35 %

rgb(253, 237, 243)

20 %

rgb(254, 245, 248)

Plum

rgb(85, 27, 68)

75 %

rgb(128, 84, 115)

50 %

rgb(170, 141, 161)

35 %

rgb(195, 175, 190)

20 %

rgb(221, 209, 218)

Alabaster

rgb(240, 235, 225)

75 %

rgb(243, 240, 232)

50 %

rgb(247, 245, 240)

35 %

rgb(250, 248, 244)

20 %

rgb(252, 251, 249)

Azure

rgb(86, 143, 250)

75 %

rgb(128, 171, 251)

50 %

rgb(170, 199, 252)

35 %

rgb(196, 216, 253)

20 %

rgb(221, 233, 254)

Marine

rgb(7, 8, 73)

75 %

rgb(69, 70, 118)

50 %

rgb(131, 131, 164)

35 %

rgb(168, 169, 191)

20 %

rgb(205, 206, 219)

Rust

rgb(173, 119, 87)

75 %

rgb(193, 153, 129)

50 %

rgb(214, 187, 171)

35 %

rgb(226, 207, 196)

20 %

rgb(239, 228, 221)

Kobalt

95-80-0-0

75 %

70-60-0-0

50 %

48-40-0-0

35 %

33-28-0-0

20 %

19-16-0-0

Blush

0-30-4-0

75 %

0-22-3-0

50 %

0-15-2-0

35 %

0-11-2-0

20 %

0-6-0-0

Plum

60-100-35-50

75 %

45-75-26-7

50 %

30-50-18-5

35 %

21-35-12-3

20 %

12-20-7-2

Alabaster

8-7-14-0

75 %

6-5-11-0

50 %

4-4-7-0

35 %

3-3-5-0

20 %

2-2-3-0

Azure

66-22-0-0

75 %

50-16-0-0

50 %

33-11-0-0

35 %

23-8-0-0

20 %

13-4-0-0

Marine

100-95-38-46

75 %

75-64-28-34

50 %

50-42-19-23

35 %

35-30-13-16

20 %

20-17-7-9

Rust

25-52-64-16

75 %

18-39-48-12

50 %

12-26-32-8

35 %

9-18-22-5

20 %

5-10-13-3

Kobalt

2736 C

75 %

N/A

50 %

N/A

35 %

N/A

20 %

N/A

Blush

1895 C

75 %

N/A

50 %

N/A

35 %

N/A

20 %

N/A

Plum

7643 C

75 %

N/A

50 %

N/A

35 %

N/A

20 %

N/A

Alabaster

7527 C

75 %

N/A

50 %

N/A

35 %

N/A

20 %

N/A

Azure

2129 C

75 %

N/A

50 %

N/A

35 %

N/A

20 %

N/A

Marine

276 C

75 %

N/A

50 %

N/A

35 %

N/A

20 %

N/A

Rust

2314 C

75 %

N/A

50 %

N/A

35 %

N/A

20 %

N/A

Paleta pro digitální prostředí

Pro web a další digitální produkty můžeme využít rozšířenou paletu dalších odstínů brandových barev.

Blush 50

#fdf2f5

Blush 100

#facddc

Blush 200

#f6bbcf

Blush 300

#e991ae

Blush 400

#d3698c

Blush 500

#b6496d

Blush 600

#87455b

Blush 700

#5e3b47

Blush 800

#3d2930

Blush 900

#25181d

Blush 950

#120c0f

Blush 50

rgb(253, 242, 245)

Blush 100

rgb(250, 205, 220)

Blush 200

rgb(246, 187, 207)

Blush 300

rgb(233, 145, 174)

Blush 400

rgb(211, 105, 140)

Blush 500

rgb(182, 73, 109)

Blush 600

rgb(135, 69, 91)

Blush 700

rgb(94, 59, 71)

Blush 800

rgb(61, 41, 48)

Blush 900

rgb(37, 24, 29)

Blush 950

rgb(18, 12, 15)

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, 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

Colors

On this page

Střední vzorník barev

Color palette

Paleta pro digitální prostředí

Contrast control

Text color

Background color

Resulting contrast

21.00

Small text

Large text

UI components

Color modes