Palety kolorów

Kolor ciemnopomarańczowy

Mocny, pełny pomarańcz, który jest jedną z oficjalnych nazw kolorów w HTML i CSS. Mimo nazwy jest raczej jaskrawy niż ciemny. Idealny do przycisków, logo i strojów sportowych.

Inne nazwy: dark orange.

Otwórz w edytorze

Kod HEX koloru ciemnopomarańczowy to #FF8C00. W RGB to rgb(255, 140, 0), w HSL hsl(33, 100%, 50%), a w CMYK 0, 45, 100, 0.

Zobacz w praktyce

Wybierz kolor do połączenia i zobacz, jak wygląda na ubraniach, we wnętrzu i w projekcie.

Kolory podobne do koloru ciemnopomarańczowy

Mandarynkowy#F28500Pomarańczowy#FF8000Marchewkowy#ED9121Dyniowy#FF7518Aksamitkowy#EAA221Mango#FF8243

Kolor ciemnopomarańczowy: podstawowe informacje

Kolor ciemnopomarańczowy (#FF8C00) jest ciepły, o średniej jasności i bardzo nasycony. Należy do grupy: odcienie pomarańczowego. Składa się z 255 czerwieni, 140 zieleni i 0 niebieskiego (w skali do 255). Typowe zastosowania: Web, Branding, Sport.

Próbka koloru Ciemnopomarańczowy z odcieniami od jasnego do ciemnego · #FF8C00
Ciemnopomarańczowy · #FF8C00

Kolor ciemnopomarańczowy: odcienie jasne i ciemne

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

Zobacz wszystkie odcienie: Generator odcieni kolorów

Kolor ciemnopomarańczowy: harmonie kolorów

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

DopełniającyZbliżony do: Elektryczny niebieski
AnalogiczneZbliżony do: Czerwony, Żółty
TriadaZbliżony do: Wiosenna zieleń, Fioletowy
Dopełnienie rozszczepioneZbliżony do: Cyjan, Niebieski
TetradaZbliżony do: Neonowy zielony, Elektryczny niebieski, Magenta

Kolor ciemnopomarańczowy: gotowe palety

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

Paleta monochromatyczna · Ciemnopomarańczowy
Paleta analogiczna · Ciemnopomarańczowy
Paleta dopełniająca · Ciemnopomarańczowy
Paleta triada · Ciemnopomarańczowy
Paleta z neutralnymi · Ciemnopomarańczowy
Paleta z akcentem · Ciemnopomarańczowy

Kolor ciemnopomarańczowy: kontrast z tekstem

Biały tekstKontrast 2.3:1 · Niezalecany
Czarny tekstKontrast 9.0:1 · AAA

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

Kod CSS

:root {
  --ciemnopomaranczowy: #FF8C00;
  --ciemnopomaranczowy-rgb: 255, 140, 0;
}
.tlo { background-color: var(--ciemnopomaranczowy); }
.tekst { color: var(--ciemnopomaranczowy); }

Kolory podobne do koloru ciemnopomarańczowy

CynamonowyPersymonowyOchraPastelowy pomarańczowy

Palety tematyczne z tym kolorem

Palety kolorów na HalloweenPalety kolorów Día de MuertosPalety radosnych kolorówPomarańczowe palety kolorów

Inne odcienie pomarańczowego

PomarańczowyMandarynkowyDyniowyMarchewkowyMorelowyBrzoskwiniowyKoralowyTerakotaPalony pomarańczowyŁososiowyRdzawyMiedzianyNeonowy pomarańczowyPastelowy pomarańczowyCzerwonopomarańczowyMangoMelonowyPersymonowyJasnołososiowySjena palonaKoralowy róż
Próbka koloru Ciemnopomarańczowy z odcieniami od jasnego do ciemnego · #FF8C00
Próbka koloru Ciemnopomarańczowy z odcieniami od jasnego do ciemnego · #FF8C00

Wypróbuj też

Paleta kolorów z imieniaWpisz imię i odbierz własną paletę kolorówWzór z kolorów urodzinowychKrata i paski z urodzin całej rodzinyAnaliza kolorystyczna z selfiePoznaj swój typ urody i najlepsze kolory z jednego zdjęcia
Zobacz wszystkie darmowe narzędzia →

Najczęściej zadawane pytania

Jaki jest kod koloru ciemnopomarańczowy?

Kod HEX koloru ciemnopomarańczowy to #FF8C00. W RGB to rgb(255, 140, 0), w HSL hsl(33, 100%, 50%), a w CMYK 0, 45, 100, 0.

Jaki kolor jest dopełniający dla koloru ciemnopomarańczowy?

Kolorem dopełniającym na kole barw jest #0073FF, odcień zbliżony do koloru: elektryczny niebieski. 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 ciemnopomarańczowy?

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