О цвете Peach Puff
Peach Puff (peachpuff) — очень светлый, яркий оранжевый с HEX-кодом #ffdab9, или rgb(255, 218, 185). В HSL его оттенок составляет 28°, насыщенность 100%, светлота 86%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: peachpuff;.
Использование Peach Puff для текста и фона
| Пара | Коэффициент контраста | WCAG |
|---|---|---|
| Текст Peach Puff на белом | 1.31 : 1 | не проходит |
| Текст Peach Puff на чёрном | 15.98 : 1 | AAA |
На фоне peach puff используйте текст чёрного цвета (15.98 : 1). WCAG требует контраста не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить в проверке контраста.
CSS
.element {
color: peachpuff; /* or #ffdab9 */
background-color: #ffdab9;
border: 1px solid rgb(255 218 185 / 50%);
}
Похожие именованные цвета
Moccasin (#ffe4b5), Wheat (#f5deb3), Navajo White (#ffdead), Bisque (#ffe4c4), Blanched Almond (#ffebcd), Pale Goldenrod (#eee8aa).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.