Палений помаранчевий
Значення кольору
Натисніть на значення, щоб скопіювати
Про колір Палений помаранчевий
З кодом #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 Large), але замало для абзаців. На чорному співвідношення 4,87:1 — достатньо для звичайного тексту в темній темі.
Коли Палений помаранчевий слугує фоном, ставте на нього чорний текст: контраст буде 4,38:1. Докладніше про співвідношення — у нашому розборі контрасту WCAG.
Палений помаранчевий на екрані та в друці
Приблизне розкладання в CMYK — C 0% · M 58% · Y 100% · K 20%. Такий яскравий екранний колір неможливо точно відтворити чотирма фарбами. Чекайте пласкішого результату в друці або використайте Pantone. Докладніше — у нашій статті RGB і CMYK.
Колірні гармонії
Вісім класичних схем, побудованих на цьому відтінку
Монохроматична
Відкрити →Аналогова
Відкрити →Комплементарна
Відкрити →Роздільно-комплементарна
Відкрити →Тріадична
Відкрити →Тетрадична
Відкрити →Освітлені відтінки
Відкрити →Затемнені відтінки
Відкрити →Комплементарний колір
Комплементарний колір розташований точно навпроти на колірному колі. Така пара дає найсильніший можливий контраст, тому її природно використовувати для акцентів і кнопок дії.
Добре поєднується з
Пари, дібрані з каталогу за кутом гармонії
CSS-градієнти
4848 варіацій: шість типів гармоній у восьми напрямках
Схожі відтінки
16 найближчих кольорів каталогу