Палитра «Бордо»

Вино, бархат и золото. Рестораны, винные бары, премиальные подарки и театр.

#2B0A0Frgb(43, 10, 15)

#5C0F1Argb(92, 15, 26)

#8B1E2Drgb(139, 30, 45)

#C9A227rgb(201, 162, 39)

#F3E9D2rgb(243, 233, 210)

Коды цветов

HEX	RGB	HSL
`#2B0A0F`	`rgb(43, 10, 15)`	`hsl(351, 62%, 10%)`
`#5C0F1A`	`rgb(92, 15, 26)`	`hsl(351, 72%, 21%)`
`#8B1E2D`	`rgb(139, 30, 45)`	`hsl(352, 64%, 33%)`
`#C9A227`	`rgb(201, 162, 39)`	`hsl(46, 68%, 47%)`
`#F3E9D2`	`rgb(243, 233, 210)`	`hsl(42, 58%, 89%)`

Так выглядит обычный текст цветом #2B0A0F на фоне #F3E9D2. Контраст 15,08:1, читается хорошо.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#2B0A0F`	`#F3E9D2`	15,08:1	любой текст (AAA)
Аа `#5C0F1A`	`#F3E9D2`	11,30:1	любой текст (AAA)
Аа `#2B0A0F`	`#C9A227`	7,52:1	любой текст (AAA)
Аа `#8B1E2D`	`#F3E9D2`	7,49:1	любой текст (AAA)
Аа `#5C0F1A`	`#C9A227`	5,64:1	обычный текст (AA)
Аа `#8B1E2D`	`#C9A227`	3,73:1	заголовки и кнопки

:root {
  --color-1: #2b0a0f;
  --color-2: #5c0f1a;
  --color-3: #8b1e2d;
  --color-4: #c9a227;
  --color-5: #f3e9d2;
}