Мышьяковый серо-синий
Значения цвета
Нажмите на значение, чтобы скопировать
О цвете Мышьяковый серо-синий
Мышьяковый серо-синий, он же #3B444B, воспринимается как тёмный и сероватый оттенок тёмно-синего. Его тон — 206°: это промежуток между голубым на 180° и лазурным на 210°, ближе к 210°. В RGB это 59 / 68 / 75, то есть 23%, 27% и 29% каждого канала, причём два самых сильных канала почти равны. В терминах HSL это тон 206°, насыщенность 12% и светлота 26%.
Он из холодной половины круга: визуально отступает назад и служит спокойной основой для больших площадей. Ближайшие родственники в каталоге — Ярко-серый, Известковая ель и Кейп Код. Точный дополнительный цвет к нему — #4A413A, ближайший к нему именованный цвет — Броненосец.
Где использовать Мышьяковый серо-синий
Берите Мышьяковый серо-синий там, где чёрный был бы слишком тяжёлым: панели навигации, первые экраны и фон тёмной темы. По правилу 60-30-10 он лучше всего подходит на роль второстепенного цвета (30%).
Чтобы построить состояния вокруг цвета Мышьяковый серо-синий, возьмите #515D67 для наведения и #F1F2F4 для светлого фона.
Контраст и доступность
Читается ли текст этим цветом — по стандарту WCAG 2.1
Мышьяковый серо-синий как текст и фон
На белом Мышьяковый серо-синий даёт контраст 9,93:1 — это уровень WCAG AAA даже для мелкого текста. На чёрном контраст всего 2,11:1, так что для тёмного фона это не цвет текста.
Когда Мышьяковый серо-синий служит фоном, ставьте на него белый текст: контраст будет 9,93:1. Подробнее о соотношениях — в нашем разборе контраста WCAG.
Мышьяковый серо-синий на экране и в печати
В пересчёте на CMYK получается примерно C 21% · M 9% · Y 0% · K 71%. Основную работу здесь делает чёрная краска (K 71%), поэтому цвет стабилен от тиража к тиражу. Почему экран и печать расходятся, мы разобрали в статье RGB и CMYK.
Цветовые гармонии
Восемь классических схем, построенных на этом оттенке
Монохроматическая
Открыть →Аналоговая
Открыть →Комплементарная
Открыть →Раздельно-комплементарная
Открыть →Триадическая
Открыть →Тетрадическая
Открыть →Осветлённые оттенки
Открыть →Затемнённые оттенки
Открыть →Комплементарный цвет
Комплементарный цвет расположен точно напротив на цветовом круге. Такая пара даёт самый сильный возможный контраст, поэтому её естественно использовать для акцентов и кнопок действия.
Хорошо сочетается с
Пары, подобранные из каталога по углу гармонии
CSS-градиенты
4848 вариаций: шесть типов гармоний в восьми направлениях
Похожие оттенки
16 ближайших цветов каталога