Цветовой код Sandy Brown (#f4a460)

Sandy Brown — это #f4a460 в HEX и rgb(244, 164, 96), светлый оранжевый цвет. Ниже: все цветовые форматы, оттенки и тона, гармонии и читаемость текста на этом цвете.

Обновлено

Песочно-коричневый
#f4a460
Имя в CSSsandybrown
Hex#f4a460
RGBrgb(244, 164, 96)
HSLhsl(28 87% 67%)
HWBhwb(28 38% 4%)
CMYK0%, 33%, 61%, 4%

Оттенки и тона

Цветовые гармонии

О цвете Sandy Brown

Sandy Brown (sandybrown) — светлый, яркий оранжевый цвет с HEX-кодом #f4a460, или rgb(244, 164, 96). В HSL он имеет оттенок 28°, насыщенность 87% и светлоту 67%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: sandybrown;.

Использование Sandy Brown для текста и фона

СочетаниеКоэффициент контрастаWCAG
Текст Sandy Brown на белом2.03 : 1не проходит
Текст Sandy Brown на чёрном10.33 : 1AAA

На песочно-коричневом фоне используйте текст чёрного цвета (10.33 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить с помощью Contrast Checker.

CSS

.element {
  color: sandybrown;               /* or #f4a460 */
  background-color: #f4a460;
  border: 1px solid rgb(244 164 96 / 50%);
}

Похожие именованные цвета

Светло-лососевый (#ffa07a), Темно-лососевый (#e9967a), Лососевый (#fa8072), Коралловый (#ff7f50), Светло-коралловый (#f08080), Древесный (#deb887).

Часто задаваемые вопросы

Какой HEX-код у песочно-коричневого цвета?
#f4a460 — это rgb(244, 164, 96) и hsl(28, 87%, 67%). В CSS можно также просто написать sandybrown.
Читается ли текст песочно-коричневого цвета на белом?
Коэффициент контраста на белом — 2.03 : 1, что не проходит WCAG. Используйте этот цвет для оформления или на тёмном фоне.
Какие цвета хорошо сочетаются с песочно-коричневым?
Дополнительный цвет — #62b0f4; аналогичные #f46267 и #f4ef62 находятся рядом с ним на цветовом круге.