Boja plavozelena

Na engleskom se zove teal, po patki kržulji i obojenoj mrlji na njezinim krilima. To je srednja, odmjerena zelenoplava. Česta je kod tehnoloških i zdravstvenih brendova i u modernim interijerima.

Drugi nazivi: teal, zelenoplava.

Otvori u uređivaču

HEX kod boje plavozelena je #008080. U RGB-u je to rgb(0, 128, 128), u HSL-u hsl(180, 100%, 25%), a u CMYK-u 100, 0, 0, 50.

Kako stvarno izgleda

Odaberite boju za kombinaciju i pogledajte kako izgleda na odjeći, u interijeru i u dizajnu.

Boje slične boji plavozelena

Tamnocijan#008B8B Borova zelena#01796F Viridijan#40826D Petrolej zelena#00534E Patina#43B3AE Bočno zelena#006A4E

Boja plavozelena ukratko

Boja plavozelena (#008080) je hladna, tamna i vrlo zasićena. Pripada skupini nijanse tirkizne. Sastoji se od 0 dijelova crvene, 128 zelene i 128 plave (od 255). Tipična upotreba: Web, Branding, Interijer.

Uzorak boje Plavozelena s nijansama od svijetle do tamne · #008080 — Plavozelena · #008080

Nijanse boje plavozelena: svijetle i tamne

Od najsvjetlije do najtamnije. Dodirni nijansu i kopiraj njezin kod.

Prikaži sve nijanse: Generator nijansi boja

Harmonije boje plavozelena

Kombinacije prema krugu boja. Više ćeš naći u alatu harmonija boja.

KomplementarnaBlizu: Granat

AnalogneBlizu: Morsko zelena, Oceansko plava

TrijadaBlizu: Purpurna, Maslinasta

Podijeljena komplementarnaBlizu: Tirski purpur, Čokoladna

TetradaBlizu: Indigo plava, Granat, Avokado

Palete s bojom plavozelena

Kopiraj kodove ili otvori paletu u uređivaču i prilagodi je.

Paleta: Monokromatska · Plavozelena

Paleta: Analogna · Plavozelena

Paleta: Komplementarna · Plavozelena

Paleta: Trijada · Plavozelena

Paleta: S neutralnim bojama · Plavozelena

Paleta: S akcentom · Plavozelena

Kontrast boje plavozelena s tekstom

Bijeli tekstKontrast 4.8:1 · AA

Crni tekstKontrast 4.4:1 · AA veliki tekst

Prema pravilima WCAG 2.1. Druge parove provjeri u provjeri kontrasta.

CSS kod

:root {
  --plavozelena: #008080;
  --plavozelena-rgb: 0, 128, 128;
}
.pozadina { background-color: var(--plavozelena); }
.tekst { color: var(--plavozelena); }