Palety kolorów

Kolor koralowy

Nazwa pochodzi od koralowców i leży między pomarańczowym a różowym. Jest radosny, tropikalny i pięknie wygląda przy opalonej skórze. Często używa się go w strojach plażowych, szminkach i letnich tkaninach.

Inne nazwy: koral.

Koralowy · #FF7F50

Kolor koralowy: podstawowe informacje

Kolor koralowy (#FF7F50) jest ciepły, o średniej jasności i bardzo nasycony. Należy do grupy: odcienie pomarańczowego. Składa się z 255 czerwieni, 127 zieleni i 80 niebieskiego (w skali do 255). Typowe zastosowania: Moda, Wnętrza, Makijaż.

Kolor koralowy: odcienie jasne i ciemne

Od najjaśniejszego do najciemniejszego. Kliknij odcień, żeby skopiować jego kod.

Kolory pasujące do koloru koralowy

TurkusowyTropikalny kontrast pełen życia.GranatowyMarynarska elegancja.BiałyŚwieżo i jasno.BeżowyMiękka, ciepła baza.MiętowyRadosny letni duet.SzaryWycisza koral i czyni go nowoczesnym.ZłotyBlask i ciepło.MorskiDwa plażowe odcienie, które się uzupełniają.
Jak łączyć kolor koralowy w ubraniach i wnętrzach →

Kolor koralowy: harmonie kolorów

Połączenia oparte na kole barw. Więcej w narzędziu harmonie kolorów.

DopełniającyZbliżony do: Baby blue
AnalogiczneZbliżony do: Malinowy, Szafranowy
TriadaZbliżony do: Miętowy, Ciemnofioletowy
Dopełnienie rozszczepioneZbliżony do: Akwamaryna, Elektryczny niebieski
TetradaZbliżony do: Trawiasty, Baby blue, Magenta

Kolor koralowy: gotowe palety

Skopiuj kody albo otwórz paletę w edytorze, żeby ją dopasować.

Paleta monochromatyczna · Koralowy
Paleta analogiczna · Koralowy
Paleta dopełniająca · Koralowy
Paleta triada · Koralowy
Paleta z neutralnymi · Koralowy
Paleta z akcentem · Koralowy

Kolor koralowy: kontrast z tekstem

Biały tekstKontrast 2.5:1 · Niezalecany
Czarny tekstKontrast 8.4:1 · AAA

Według wytycznych WCAG 2.1. Inne pary sprawdzisz w narzędziu do sprawdzania kontrastu.

Kod CSS

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

Kolory podobne do koloru koralowy

PomidorowyTerakotaCynamonowyŁososiowyPalony pomarańczowyDyniowyNeonowy pomarańczowyCynobrowyOchraBrąz

Palety tematyczne z tym kolorem

Palety kolorów na stronę internetowąLetnie palety kolorówPalety kolorów dla dzieciPlażowe palety kolorów

Inne odcienie pomarańczowego

PomarańczowyMandarynkowyDyniowyMarchewkowyMorelowyBrzoskwiniowyTerakotaPalony pomarańczowyŁososiowyRdzawyMiedzianyNeonowy pomarańczowyPastelowy pomarańczowyCzerwonopomarańczowy

Najczęściej zadawane pytania

Jaki jest kod koloru koralowy?

Kod HEX koloru koralowy to #FF7F50. W RGB to rgb(255, 127, 80), w HSL hsl(16, 100%, 66%), a w CMYK 0, 50, 69, 0.

Jaki kolor jest dopełniający dla koloru koralowy?

Kolorem dopełniającym na kole barw jest #50D0FF, odcień zbliżony do koloru: baby blue. Użyty w małych ilościach służy jako akcent i daje duży kontrast.

Czy biały tekst jest czytelny na tle w kolorze koralowy?

Lepiej użyj czarnego tekstu: kontrast z białym to tylko 2.5:1, a z czarnym 8.4:1.

Jakie kolory pasują do koloru koralowy?

Dobrze pasuje do: turkusowy, granatowy, biały, beżowy, miętowy. Unikaj łączenia go z czerwienią lub jaskrawym pomarańczem, bo konkurują ze sobą, a koral wygląda na brudny. Gryzie się też z intensywnymi fioletami.