Palety kolorów

Kolor oliwkowy

Naśladuje kolor zielonej oliwki. To przygaszona zieleń z żółtym i brązowym tłem. Podstawa odzieży wojskowej, kurtek i wnętrz w odcieniach ziemi.

Inne nazwy: zieleń oliwkowa.

Oliwkowy · #808000

Kolor oliwkowy: podstawowe informacje

Kolor oliwkowy (#808000) jest ciepły, ciemny i bardzo nasycony. Należy do grupy: odcienie zieleni. Składa się z 128 czerwieni, 128 zieleni i 0 niebieskiego (w skali do 255). Typowe zastosowania: Moda, Wnętrza, Mundury.

Kolor oliwkowy: odcienie jasne i ciemne

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

Kolory pasujące do koloru oliwkowy

MusztardowyOba mają żółtą bazę i razem kojarzą się z jesienią.TerakotaZiemista czerwień kontrastuje z zielenią, ale się z nią nie gryzie.BeżowyŁagodzi oliwkę i daje czysty, naturalny efekt.Złamana bielRozjaśnia całość bez chłodu czystej bieli.CamelPodkreśla swobodny styl safari.GranatowyCiemny, elegancki kontrast chłodnego i ciepłego tonu.Pudrowy różStonowany róż równoważy ziemisty charakter oliwki.KawowyDodaje naturalnej głębi, idealny w skórze i drewnie.
Jak łączyć kolor oliwkowy w ubraniach i wnętrzach →

Kolor oliwkowy: harmonie kolorów

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

DopełniającyZbliżony do: Granatowy
AnalogiczneZbliżony do: Czekoladowy, Zielony
TriadaZbliżony do: Zielononiebieski, Purpurowy
Dopełnienie rozszczepioneZbliżony do: Ultrafiolet, Indygo
TetradaZbliżony do: Jadeitowy, Granatowy, Burgundowy

Kolor oliwkowy: gotowe palety

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

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

Kolor oliwkowy: kontrast z tekstem

Biały tekstKontrast 4.2:1 · AA duży tekst
Czarny tekstKontrast 5.0:1 · AA

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

Kod CSS

:root {
  --oliwkowy: #808000;
  --oliwkowy-rgb: 128, 128, 0;
}
.tlo { background-color: var(--oliwkowy); }
.tekst { color: var(--oliwkowy); }

Kolory podobne do koloru oliwkowy

Stare złotoZieleń mchuKarmelowyJabłkowyWojskowa zieleńMusztardowyPistacjowyMiodowyMiedzianyCamel

Inne odcienie zieleni

ZielonySzmaragdowyLimonkowyMiętowyZieleń mchuLeśna zieleńJadeitowySosnowyJabłkowySzałwiowyButelkowa zieleńWojskowa zieleńNeonowy zielonyPistacjowyTrawiastyChartreusePastelowy zielonyCiemnozielonyJasnozielonyZieleń meksykańska

Najczęściej zadawane pytania

Jaki jest kod koloru oliwkowy?

Kod HEX koloru oliwkowy to #808000. W RGB to rgb(128, 128, 0), w HSL hsl(60, 100%, 25%), a w CMYK 0, 0, 100, 50.

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

Kolorem dopełniającym na kole barw jest #000080, odcień zbliżony do koloru: granatowy. 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 oliwkowy?

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

Jakie kolory pasują do koloru oliwkowy?

Dobrze pasuje do: musztardowy, terakota, beżowy, złamana biel, camel. Nie zestawiaj go z neonową ani limonkową zielenią: kolory konkurują ze sobą, a oliwka wygląda na brudną i matową. Uważaj też z czernią, bo jej nadmiar obciąża całość.