Код бирюзового цвета (#40e0d0)

Бирюзовый в HEX — #40e0d0, а в RGB — rgb(64, 224, 208): средний оттенок циан. Ниже: все форматы цвета, светлые и тёмные вариации, гармонии и читаемость цвета в тексте.

Обновлено

Бирюзовый
#40e0d0
Имя в CSSturquoise
Hex#40e0d0
RGBrgb(64, 224, 208)
HSLhsl(174 72% 56%)
HWBhwb(174 25% 12%)
CMYK71%, 0%, 7%, 12%

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

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

О цвете «Бирюзовый»

Бирюзовый (turquoise) — средний, насыщенный циан с HEX-кодом #40e0d0, или rgb(64, 224, 208). В HSL его тон составляет 174°, насыщенность 72%, светлота 56%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: turquoise;.

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

СочетаниеКоэффициент контрастаWCAG
Бирюзовый текст на белом1.64 : 1не проходит
Бирюзовый текст на чёрном12.79 : 1AAA

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

CSS

.element {
  color: turquoise;               /* or #40e0d0 */
  background-color: #40e0d0;
  border: 1px solid rgb(64 224 208 / 50%);
}

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

Средний бирюзовый (#48d1cc), Средний аквамариновый (#66cdaa), Тёмный бирюзовый (#00ced1), Светло-морской зелёный (#20b2aa), Аквамариновый (#7fffd4), Небесно-голубой (#87ceeb).

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

Какой HEX-код у бирюзового цвета?
#40e0d0 — это rgb(64, 224, 208) и hsl(174, 72%, 56%). В CSS можно также просто написать turquoise.
Читается ли бирюзовый текст на белом фоне?
Коэффициент контраста на белом — 1.64 : 1, что не соответствует WCAG. Используйте этот цвет для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с бирюзовым?
Дополнительный цвет — #e03e4e; аналоговые #3ee07f и #3e9fe0 находятся рядом с ним на цветовом круге.