Код цвета мятно-кремовый (#f5fffa)

Мятно-кремовый цвет имеет HEX-код #f5fffa и rgb(245, 255, 250) — очень светлый зелёный. Ниже: все форматы цвета, оттенки и тона, гармонии и читаемость текста.

Обновлено

Мятно-кремовый
#f5fffa
Имя в CSSmintcream
Hex#f5fffa
RGBrgb(245, 255, 250)
HSLhsl(150 100% 98%)
HWBhwb(150 96% 0%)
CMYK4%, 0%, 2%, 0%

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

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

О мятно-кремовом цвете

Мятно-кремовый (mintcream) — очень светлый яркий зелёный цвет с HEX-кодом #f5fffa, или rgb(245, 255, 250). В HSL он имеет оттенок 150°, насыщенность 100% и светлоту 98%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: mintcream;.

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

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

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

CSS

.element {
  color: mintcream;               /* or #f5fffa */
  background-color: #f5fffa;
  border: 1px solid rgb(245 255 250 / 50%);
}

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

Азур (#f0ffff), Призрачно-белый (#f8f8ff), Алисо-голубой (#f0f8ff), Медовая роса (#f0fff0), Снег (#fffafa), Белый (#ffffff).

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

Какой HEX-код у мятно-кремового цвета?
#f5fffa — это rgb(245, 255, 250) и hsl(150, 100%, 98%). В CSS можно также просто написать mintcream.
Читается ли мятно-кремовый текст на белом фоне?
Коэффициент контраста на белом — 1.02 : 1, что не проходит WCAG. Используйте этот цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с мятно-кремовым?
Дополнительный цвет — #fff5fa; аналоговые #f5fff5 и #f5ffff находятся рядом с ним на цветовом круге.