Кейп Код

#3C4443
60, 68, 67 · 173°, 6%, 25%

Значення кольору

Натисніть на значення, щоб скопіювати

Про колір Кейп Код

Кейп Код (#3C4443) — темний нейтральний колір майже без власного тону: його насиченість лише 6%. Червоний, зелений і синій стоять майже на одному рівні (60, 68, 67), і жоден тон не перемагає. У термінах HSL це тон 173°, насиченість 6% і світлота 25%.

Такі нейтральні кольори поєднуються майже з усім, а теплими чи холодними їх роблять кольори навколо. Найбільше на Кейп Код схожі Арсеновий, Корабельний сірий і Місячно-зелений.

Де використовувати Кейп Код

Кейп Код — сильний кандидат для основного тексту й поверхонь темної теми: він м’якший для очей, ніж чистий чорний. За правилом 60-30-10 він найкраще підходить на роль другорядного кольору (30%).

Для інтерактивних станів зберігайте тон: #545F5D підійде для наведення чи натискання, а #F1F3F3 — як блідий фоновий варіант.

Контраст і доступність

Чи читається текст цим кольором — за стандартом WCAG 2.1

На білому
10.00:1
WCAG AA WCAG AAA AA (великий текст)
На чорному
2.10:1
WCAG AA WCAG AAA AA (великий текст)
Як тло
10.00:1
WCAG AA WCAG AAA AA (великий текст)

Кейп Код як текст і фон

На білому Кейп Код дає контраст 10,00:1 — це рівень WCAG AAA навіть для дрібного тексту. На чорному контраст лише 2,10:1, тож для темного фону це не колір тексту.

Для тексту поверх кольору Кейп Код перемагає білий з результатом 10,00:1. Що означають ці цифри, пояснює гід із контрасту WCAG.

Кейп Код на екрані та в друці

У перерахунку на CMYK виходить приблизно C 12% · M 0% · Y 1% · K 73%. Основну роботу тут виконує чорна фарба (K 73%), тому колір стабільний від накладу до накладу. Чому екран і друк розходяться, ми розібрали у статті RGB і CMYK.

Колірні гармонії

Вісім класичних схем, побудованих на цьому відтінку

Монохроматична

Відкрити →

Аналогова

Відкрити →

Комплементарна

Відкрити →

Роздільно-комплементарна

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

Освітлені відтінки

Відкрити →

Затемнені відтінки

Відкрити →

Комплементарний колір

Комплементарний колір розташований точно навпроти на колірному колі. Така пара дає найсильніший можливий контраст, тому її природно використовувати для акцентів і кнопок дії.

Добре поєднується з

Пари, дібрані з каталогу за кутом гармонії

CSS-градієнти

48

48 варіацій: шість типів гармоній у восьми напрямках

Схожі відтінки

16 найближчих кольорів каталогу