Код светло-жёлтого цвета (#ffffe0)

Светло-жёлтый — #ffffe0 в HEX и rgb(255, 255, 224), очень светлый оттенок жёлтого. Ниже — все цветовые форматы, оттенки и тона, гармонии и читаемость цвета в тексте.

Обновлено

Светло-жёлтый
#ffffe0
Имя в CSSlightyellow
Hex#ffffe0
RGBrgb(255, 255, 224)
HSLhsl(60 100% 94%)
HWBhwb(60 88% 0%)
CMYK0%, 0%, 12%, 0%

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

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

О светло-жёлтом цвете

Светло-жёлтый (lightyellow) — очень светлый, насыщенный жёлтый с HEX-кодом #ffffe0, или rgb(255, 255, 224). В модели HSL он имеет тон 60°, насыщенность 100% и светлоту 94%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lightyellow;.

Использование светло-жёлтого для текста и фона

СочетаниеКоэффициент контрастаWCAG
Светло-жёлтый текст на белом1.02 : 1не проходит
Светло-жёлтый текст на чёрном20.63 : 1AAA

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

CSS

.element {
  color: lightyellow;               /* or #ffffe0 */
  background-color: #ffffe0;
  border: 1px solid rgb(255 255 224 / 50%);
}

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

Кукурузный шёлк (#fff8dc), Старое кружево (#fdf5e6), Бежевый (#f5f5dc), Светлый золотисто-жёлтый (#fafad2), Слоновая кость (#fffff0), Цветочно-белый (#fffaf0).

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

Какой HEX-код у светло-жёлтого цвета?
#ffffe0 — это rgb(255, 255, 224) и hsl(60, 100%, 94%). В CSS можно также просто написать lightyellow.
Читается ли светло-жёлтый текст на белом фоне?
Коэффициент контраста на белом составляет 1.02 : 1, что не соответствует WCAG. Лучше использовать его для декора или на тёмном фоне.
Какие цвета хорошо сочетаются со светло-жёлтым?
Его комплементарный цвет — #e0e0ff; аналогичные цвета #fff0e0 и #f0ffe0 находятся рядом с ним на цветовом круге.