Палитра «Лаванда»

Фиолетовые оттенки от ночного неба до лавандового поля. Для косметики, спа, йоги и психологов.

#2E1F47rgb(46, 31, 71)

#5B4B8Argb(91, 75, 138)

#8E7DBErgb(142, 125, 190)

#C3B1E1rgb(195, 177, 225)

#F1E9FBrgb(241, 233, 251)

Коды цветов

HEX	RGB	HSL
`#2E1F47`	`rgb(46, 31, 71)`	`hsl(263, 39%, 20%)`
`#5B4B8A`	`rgb(91, 75, 138)`	`hsl(255, 30%, 42%)`
`#8E7DBE`	`rgb(142, 125, 190)`	`hsl(256, 33%, 62%)`
`#C3B1E1`	`rgb(195, 177, 225)`	`hsl(263, 44%, 79%)`
`#F1E9FB`	`rgb(241, 233, 251)`	`hsl(267, 69%, 95%)`

Так выглядит обычный текст цветом #2E1F47 на фоне #F1E9FB. Контраст 12,67:1, читается хорошо.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#2E1F47`	`#F1E9FB`	12,67:1	любой текст (AAA)
Аа `#2E1F47`	`#C3B1E1`	7,62:1	любой текст (AAA)
Аа `#5B4B8A`	`#F1E9FB`	6,31:1	обычный текст (AA)
Аа `#2E1F47`	`#8E7DBE`	4,15:1	заголовки и кнопки
Аа `#5B4B8A`	`#C3B1E1`	3,79:1	заголовки и кнопки
Аа `#8E7DBE`	`#F1E9FB`	3,05:1	заголовки и кнопки

:root {
  --color-1: #2e1f47;
  --color-2: #5b4b8a;
  --color-3: #8e7dbe;
  --color-4: #c3b1e1;
  --color-5: #f1e9fb;
}