Barva tmavě azurová

Hluboká modrozelená, která patří mezi standardní názvy barev v HTML a CSS. Je o něco jasnější než petrolejová. Spolehlivá volba pro rozhraní, grafy a grafický design.

Jiné názvy: dark cyan, tmavá cyan.

Otevřít v editoru

Kód HEX barvy tmavě azurová je #008B8B. V RGB je to rgb(0, 139, 139), v HSL hsl(180, 100%, 27%) a v CMYK 100, 0, 0, 45.

Jak vypadá ve skutečnosti

Vyberte barvu ke kombinaci a podívejte se, jak vypadá na oblečení, v interiéru a v designu.

Barvy podobné barvě tmavě azurová

Modrozelená#008080 Borovicová zelená#01796F Viridiánová#40826D Měděnková#43B3AE Tiffany modrá#0ABAB5 Lahvově zelená#006A4E

Barva tmavě azurová v kostce

Barva tmavě azurová (#008B8B) je studená, tmavá a velmi sytá. Patří do skupiny odstíny tyrkysové. Skládá se z 0 dílů červené, 139 zelené a 139 modré (ze 255). Typické použití: Web, Grafický design, Technologie.

Vzorek barvy Tmavě azurová s odstíny od světlé po tmavou · #008B8B — Tmavě azurová · #008B8B

Odstíny barvy tmavě azurová: světlé a tmavé

Od nejsvětlejšího po nejtmavší. Klepni na odstín a zkopíruj jeho kód.

Zobraz všechny odstíny: Generátor odstínů barev

Harmonie barvy tmavě azurová

Kombinace podle barevného kruhu. Víc najdeš v nástroji harmonie barev.

KomplementárníBlízko: Krvavě červená

AnalogickéBlízko: Mořská zelená, Oceánská modrá

TriádaBlízko: Purpurová, Olivová

Rozdělená komplementárníBlízko: Tmavě růžová, Hnědá

TetrádaBlízko: Indigová, Krvavě červená, Avokádová

Palety s barvou tmavě azurová

Zkopíruj kódy nebo otevři paletu v editoru a uprav si ji.

Paleta: Monochromatická · Tmavě azurová

Paleta: Analogická · Tmavě azurová

Paleta: Komplementární · Tmavě azurová

Paleta: Triáda · Tmavě azurová

Paleta: S neutrálními barvami · Tmavě azurová

Paleta: S akcentem · Tmavě azurová

Kontrast barvy tmavě azurová s textem

Bílý textKontrast 4.1:1 · AA velký text

Černý textKontrast 5.1:1 · AA

Podle pravidel WCAG 2.1. Další dvojice si ověř v kontrole kontrastu.

Kód CSS

:root {
  --tmave-azurova: #008B8B;
  --tmave-azurova-rgb: 0, 139, 139;
}
.pozadi { background-color: var(--tmave-azurova); }
.text { color: var(--tmave-azurova); }