Палитра «Деловой синий»

Сдержанные синие, которым доверяют. Юристы, бухгалтерия, банки, B2B-сервисы и корпоративные презентации.

#0B2545rgb(11, 37, 69)

#13315Crgb(19, 49, 92)

#134074rgb(19, 64, 116)

#8DA9C4rgb(141, 169, 196)

#EEF4EDrgb(238, 244, 237)

Коды цветов

HEX	RGB	HSL
`#0B2545`	`rgb(11, 37, 69)`	`hsl(213, 72%, 16%)`
`#13315C`	`rgb(19, 49, 92)`	`hsl(215, 66%, 22%)`
`#134074`	`rgb(19, 64, 116)`	`hsl(212, 72%, 26%)`
`#8DA9C4`	`rgb(141, 169, 196)`	`hsl(209, 32%, 66%)`
`#EEF4ED`	`rgb(238, 244, 237)`	`hsl(111, 24%, 94%)`

Так выглядит обычный текст цветом #0B2545 на фоне #EEF4ED. Контраст 13,77:1, читается хорошо.

Кнопка

Контраст каждой пары цветов по WCAG: для обычного текста нужно не меньше 4,5:1, для крупных заголовков и кнопок не меньше 3:1.

Текст	Фон	Контраст	Подходит для
Аа `#0B2545`	`#EEF4ED`	13,77:1	любой текст (AAA)
Аа `#13315C`	`#EEF4ED`	11,59:1	любой текст (AAA)
Аа `#134074`	`#EEF4ED`	9,33:1	любой текст (AAA)
Аа `#0B2545`	`#8DA9C4`	6,30:1	обычный текст (AA)
Аа `#13315C`	`#8DA9C4`	5,30:1	обычный текст (AA)
Аа `#134074`	`#8DA9C4`	4,27:1	заголовки и кнопки

:root {
  --color-1: #0b2545;
  --color-2: #13315c;
  --color-3: #134074;
  --color-4: #8da9c4;
  --color-5: #eef4ed;
}