Палений помаранчевий

#CC5500
204, 85, 0 · 25°, 100%, 40%

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

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

Про колір Палений помаранчевий

З кодом #CC5500 колір Палений помаранчевий — це темний, гранично насичений відтінок коричневого. На колірному колі він стоїть на 25°, між червоним (0°) і помаранчевим (30°), трохи ближче до позначки 30°. У RGB він змішаний із червоного 204, зеленого 85 і синього 0 — це 80%, 33% і 0% від максимуму каналів, провідний канал — червоний. У термінах HSL це тон 25°, насиченість 100% і світлота 40%.

Теплі кольори на кшталт цього наближаються до глядача: вони виглядають привітно, а у великих кількостях — гучно. Якщо Палений помаранчевий не зовсім підходить, погляньте на найближчі іменовані відтінки: Червоно-буро-помаранчевий, Легенда вогню і Троянда Шарона. Навпроти на колі лежить #0077CC — це майже Лохмара.

Де використовувати Палений помаранчевий

Палений помаранчевий — гучний колір, і його місце — в акцентах: кнопки заклику до дії, посилання, виділення й ключові цифри на графіках. Якщо дотримуватися правила 60-30-10, віддайте йому роль акценту (10%).

Щоб побудувати стани навколо кольору Палений помаранчевий, візьміть #FF6A00 для наведення і #FFF0E5 для світлого фону.

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

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

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

Палений помаранчевий як текст і фон

На білому він дає лише 4,31:1 — годиться для заголовків і великого тексту (WCAG AA Large), але замало для абзаців. На чорному співвідношення 4,87:1 — достатньо для звичайного тексту в темній темі.

Коли Палений помаранчевий слугує фоном, ставте на нього чорний текст: контраст буде 4,38:1. Докладніше про співвідношення — у нашому розборі контрасту WCAG.

Палений помаранчевий на екрані та в друці

Приблизне розкладання в CMYK — C 0% · M 58% · Y 100% · K 20%. Такий яскравий екранний колір неможливо точно відтворити чотирма фарбами. Чекайте пласкішого результату в друці або використайте Pantone. Докладніше — у нашій статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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