Код цвета аквамарин (#7fffd4)

Аквамарин — это #7fffd4 в HEX и rgb(127, 255, 212), светлый голубовато-бирюзовый цвет. Ниже: все форматы цвета, оттенки и тона, гармонии и читаемость текста.

Обновлено

Аквамарин
#7fffd4
Имя в CSSaquamarine
Hex#7fffd4
RGBrgb(127, 255, 212)
HSLhsl(160 100% 75%)
HWBhwb(160 50% 0%)
CMYK50%, 0%, 17%, 0%

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

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

Об аквамарине

Аквамарин (aquamarine) — светлый яркий голубовато-бирюзовый цвет с HEX-кодом #7fffd4, или rgb(127, 255, 212). В HSL его оттенок 160°, насыщенность 100%, светлота 75%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: aquamarine;.

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

СочетаниеКоэффициент контрастаWCAG
Текст аквамаринового цвета на белом1.22 : 1не проходит
Текст аквамаринового цвета на чёрном17.16 : 1AAA

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

CSS

.element {
  color: aquamarine;               /* or #7fffd4 */
  background-color: #7fffd4;
  border: 1px solid rgb(127 255 212 / 50%);
}

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

Небесно-голубой (#87ceeb), бледно-бирюзовый (#afeeee), пороховой синий (#b0e0e6), светло-небесно-голубой (#87cefa), светло-голубой (#add8e6), бледно-зелёный (#98fb98).

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

Какой HEX-код у аквамарина?
#7fffd4 — это rgb(127, 255, 212) и hsl(160, 100%, 75%). В CSS можно также просто написать aquamarine.
Читается ли аквамариновый текст на белом фоне?
Коэффициент контраста на белом — 1.22 : 1, что не соответствует WCAG. Используйте такой цвет для декора или на тёмном фоне.
Какие цвета сочетаются с аквамарином?
Комплементарный цвет — #ff80aa; аналоговые #80ff95 и #80eaff находятся рядом с ним на цветовом круге.