Перейти к подбору цвета

Цвет «Ванильный»: #f3e5ab

«Ванильный» это #f3e5ab, в RGB rgb(243, 229, 171), в OKLCH oklch(91.934% 0.07599 96.153). Ниже все остальные форматы, оттенки, подходящие цвета и палитры.

Распознали как HEX

48°
100 %

91,9 %
0,076
96°
  • Бежевый
  • Очень светлый
  • Мягкий
  • Пастельный
  • Тёплый
  • orange-200
  • Чёрного 5 %

В охвате sRGB: одинаково на любом экране.

Белый текст
1.26:1Плохо читается
Lc -15
Чёрный текст
16.61:1Читается · AA
Lc 90

Оттенки

От самого светлого к самому тёмному. Нажмите на оттенок, чтобы выбрать его.

Гармонии

Недавние

Здесь появятся цвета, на которых вы остановились или которые скопировали. Они хранятся только на этом устройстве.

Другие названия: Vanilla

Палитры с цветом «Ванильный»

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

Вопросы о цвете «Ванильный»

Какой HEX-код у цвета «Ванильный»?

HEX-код цвета «Ванильный» это #f3e5ab. В RGB это rgb(243, 229, 171), в HSL hsl(48.33, 75%, 81.18%), в OKLCH oklch(91.934% 0.07599 96.153).

С какими цветами сочетается «Ванильный»?

Дополнительный к нему цвет #d9e2ff. Для более спокойного сочетания подойдут аналоговые #ffdbaf и #d7eeb7. Готовые палитры с этим цветом есть на этой странице.

«Ванильный» тёплый или холодный цвет?

«Ванильный» это тёплый цвет, его тон в OKLCH равен 96 градусам.

Какой цвет текста читается на цвете «Ванильный»?

Лучше читается чёрный текст: белый даёт контраст 1.26:1, чёрный 16.61:1. WCAG AA требует для основного текста не меньше 4.5:1.

О цвете #f3e5ab

#f3e5ab — пастельный очень светло-бежевый цвет. В OKLCH у него светлота 91,9 %, хрома 0.076 и тон 96°.

В охвате sRGB: одинаково на любом экране.

Белый текст на нём даёт контраст 1.26:1, чёрный 16.61:1, поэтому лучше читается чёрный текст.

Ближайший цвет с названием: Ванильный (#f3e5ab). Ближайший цвет Tailwind CSS: orange-200.

Ещё: очень светлые бежевые цвета

Светлее: #f3e5ab с белым

  1. f3e5ab

Темнее: #f3e5ab с чёрным

  1. f3e5ab

Спокойнее: #f3e5ab с меньшей насыщенностью

  1. f3e5ab

Похожие цвета с названиями

Цвета, которые сочетаются с #f3e5ab

Дополнительные
#f3e5ab
Аналоговые
#f3e5ab
Триада
#f3e5ab
Расщеплённые
#f3e5ab