Палітри кольорів

Колір кораловий

Названий на честь морських коралів, він розташований між помаранчевим і рожевим. Це веселий тропічний колір, який пасує до засмаглої шкіри. Він популярний у купальниках, помадах і літньому текстилі.

Інші назви: корал.

Кораловий · #FF7F50

Колір кораловий: основні дані

Колір кораловий (#FF7F50) — теплий, середньої світлоти і дуже насичений. Належить до групи: відтінки помаранчевого. Складається з 255 червоного, 127 зеленого й 80 синього (за шкалою до 255). Де його найчастіше використовують: Мода, Декор, Макіяж.

Колір кораловий: світлі й темні відтінки

Від найсвітлішого до найтемнішого. Натисніть відтінок, щоб скопіювати його код.

Кольори, що поєднуються з кольором кораловий

БірюзовийТропічний контраст, сповнений життя.Темно-синійМорська елегантність.БілийСвіжо й світло.БежевийМ’яка й тепла основа.М’ятнийВеселий літній дует.СірийЗаспокоює кораловий і робить його сучасним.ЗолотийБлиск і тепло.Морська хвиляДва пляжні відтінки, що доповнюють один одного.
Як поєднувати колір кораловий в одязі та інтер’єрі →

Колір кораловий: колірні гармонії

Поєднання на основі колірного кола. Більше в інструменті гармонія кольорів.

КомплементарнаБлизький до: Ніжно-блакитний
АналоговіБлизький до: Малиновий, Шафрановий
ТріадаБлизький до: М’ятний, Темно-фіолетовий
Розщеплена комплементарнаБлизький до: Аквамариновий, Електрик
ТетрадаБлизький до: Трав’яний, Ніжно-блакитний, Маджента

Колір кораловий: готові палітри

Скопіюйте коди або відкрийте палітру в редакторі, щоб налаштувати її.

Палітра Монохромна · Кораловий
Палітра Аналогова · Кораловий
Палітра Комплементарна · Кораловий
Палітра Тріада · Кораловий
Палітра З нейтральними · Кораловий
Палітра З акцентом · Кораловий

Колір кораловий: контраст із текстом

Білий текстКонтраст 2.5:1 · Не рекомендовано
Чорний текстКонтраст 8.4:1 · AAA

Згідно з настановами WCAG 2.1. Інші пари перевірте в інструменті перевірка контрасту.

CSS-код

:root {
  --koralovyi: #FF7F50;
  --koralovyi-rgb: 255, 127, 80;
}
.tlo { background-color: var(--koralovyi); }
.tekst { color: var(--koralovyi); }

Кольори, схожі на колір кораловий

ТоматнийТеракотовийКоричнийЛососевийПалений помаранчевийГарбузовийНеоновий помаранчевийКіноварнийОхраБронзовий

Тематичні палітри з цим кольором

Палітри кольорів для сайтуЛітні палітри кольорівДитячі палітри кольорівПляжні палітри кольорів

Інші відтінки помаранчевого

ПомаранчевийМандариновийГарбузовийМорквянийАбрикосовийПерсиковийТеракотовийПалений помаранчевийЛососевийІржавийМіднийНеоновий помаранчевийПастельний помаранчевийЧервоно-помаранчевий

Часті запитання

Який код кольору кораловий?

HEX-код кольору кораловий — #FF7F50. У RGB це rgb(255, 127, 80), у HSL — hsl(16, 100%, 66%), а в CMYK — 0, 50, 69, 0.

Який колір комплементарний до кольору кораловий?

Комплементарний колір на колірному колі — #50D0FF, відтінок, близький до кольору «ніжно-блакитний». У невеликій кількості він працює як акцент і дає сильний контраст.

Чи можна використовувати білий текст на кольорі кораловий?

Краще використовуйте чорний текст: контраст із білим лише 2.5:1, а з чорним — 8.4:1.

З якими кольорами поєднується колір кораловий?

Добре поєднується з такими кольорами: бірюзовий, темно-синій, білий, бежевий, м’ятний. Не ставте його поруч з червоним чи яскравим помаранчевим: вони конкурують, і кораловий здається брудним. З насиченими фіолетовими він теж конфліктує.