Palety kolorów

Kolor awokado

Głęboka żółtawa zieleń jak skórka awokado. W latach 70. była ikonicznym kolorem sprzętów kuchennych i płytek. Dziś wraca we wnętrzach retro i naturalnej modzie.

Inne nazwy: zieleń awokado.

Otwórz w edytorze

Kod HEX koloru awokado to #568203. W RGB to rgb(86, 130, 3), w HSL hsl(81, 95%, 26%), a w CMYK 34, 0, 98, 49.

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 awokado

Leśna zieleń#228B22Zielony#008000Oliwkowy#808000Ciemnozielony#006400Jabłkowy#8DB600Ciemnooliwkowy#556B2F

Kolor awokado: podstawowe informacje

Kolor awokado (#568203) jest pośredni między ciepłym a zimnym, ciemny i bardzo nasycony. Należy do grupy: odcienie zieleni. Składa się z 86 czerwieni, 130 zieleni i 3 niebieskiego (w skali do 255). Typowe zastosowania: Kuchnia, Wnętrza, Moda.

Próbka koloru Awokado z odcieniami od jasnego do ciemnego · #568203
Awokado · #568203

Kolor awokado: odcienie jasne i ciemne

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

Zobacz wszystkie odcienie: Generator odcieni kolorów

Kolor awokado: 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: Oliwkowy, Zielony
TriadaZbliżony do: Błękit oceanu, Purpura tyryjska
Dopełnienie rozszczepioneZbliżony do: Granatowy, Purpurowy
TetradaZbliżony do: Sosnowy, Granatowy, Burgundowy

Kolor awokado: gotowe palety

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

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

Kolor awokado: kontrast z tekstem

Biały tekstKontrast 4.6:1 · AA
Czarny tekstKontrast 4.6:1 · AA

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

Kod CSS

:root {
  --awokado: #568203;
  --awokado-rgb: 86, 130, 3;
}
.tlo { background-color: var(--awokado); }
.tekst { color: var(--awokado); }

Kolory podobne do koloru awokado

PaprociowyZieleń mchuPistacjowyMosiężny

Inne odcienie zieleni

ZielonySzmaragdowyLimonkowyOliwkowyMiętowyZieleń mchuLeśna zieleńJadeitowySosnowyJabłkowySzałwiowyButelkowa zieleńWojskowa zieleńNeonowy zielonyPistacjowyTrawiastyChartreusePastelowy zielonyCiemnozielonyJasnozielonyZieleń meksykańskaSeledynowyPaprociowyMyśliwska zieleń
Próbka koloru Awokado z odcieniami od jasnego do ciemnego · #568203
Próbka koloru Awokado z odcieniami od jasnego do ciemnego · #568203

Wypróbuj też

Paleta kolorów z imieniaWpisz imię i odbierz własną paletę kolorówKolory 16 typów osobowościRozwiąż quiz z 8 pytań i poznaj swój kolorSzczęśliwy kolor na dziśCodzienny szczęśliwy kolor dla Twojego znaku zodiaku
Zobacz wszystkie darmowe narzędzia →

Najczęściej zadawane pytania

Jaki jest kod koloru awokado?

Kod HEX koloru awokado to #568203. W RGB to rgb(86, 130, 3), w HSL hsl(81, 95%, 26%), a w CMYK 34, 0, 98, 49.

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

Kolorem dopełniającym na kole barw jest #2F0382, 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 awokado?

Tak. Kontrast z białym wynosi 4.6:1, co wystarcza dla zwykłego tekstu (WCAG AA).