Farba tmavoazúrová

Hlboká modrozelená, ktorá je štandardnou pomenovanou farbou HTML a CSS. Je o niečo jasnejšia ako klasická petrolejová. Pekne vyzerá vo webových rozhraniach, technologických značkách a moderných kúpeľniach.

Iné názvy: dark cyan, tmavá modrozelená.

Otvoriť v editore

HEX kód farby tmavoazúrová je #008B8B. V RGB je to rgb(0, 139, 139), v HSL hsl(180, 100%, 27%) a v CMYK 100, 0, 0, 45.

Ako vyzerá naozaj

Vyberte farbu na kombináciu a pozrite sa, ako vyzerá na oblečení, v interiéri a v dizajne.

Farby podobné farbe tmavoazúrová

Modrozelená#008080 Borovicová zelená#01796F Viridiánová#40826D Medenková#43B3AE Tiffany modrá#0ABAB5 Fľašovozelená#006A4E

Farba tmavoazúrová v skratke

Farba tmavoazúrová (#008B8B) je studená, tmavá a veľmi sýta. Patrí do skupiny odtiene tyrkysovej. Skladá sa z 0 dielov červenej, 139 zelenej a 139 modrej (z 255). Typické použitie: Web, Branding, Interiér.

Vzorka farby Tmavoazúrová s odtieňmi od svetlého po tmavý · #008B8B — Tmavoazúrová · #008B8B

Odtiene farby tmavoazúrová: svetlé a tmavé

Od najsvetlejšieho po najtmavší. Ťukni na odtieň a skopíruj jeho kód.

Zobraz všetky odtiene: Generátor odtieňov farieb

Harmónie farby tmavoazúrová

Kombinácie podľa farebného kruhu. Viac nájdeš v nástroji harmónia farieb.

KomplementárnaBlízko: Krvavočervená

AnalogickéBlízko: Morská zelená, Oceánska modrá

TriádaBlízko: Purpurová, Olivová

Rozdelená komplementárnaBlízko: Tmavoružová, Hnedá

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

Palety s farbou tmavoazúrová

Skopíruj kódy alebo otvor paletu v editore a uprav si ju.

Paleta: Monochromatická · Tmavoazúrová

Paleta: Analogická · Tmavoazúrová

Paleta: Komplementárna · Tmavoazúrová

Paleta: Triáda · Tmavoazúrová

Paleta: S neutrálnymi farbami · Tmavoazúrová

Paleta: S akcentom · Tmavoazúrová

Kontrast farby tmavoazúrová s textom

Biely textKontrast 4.1:1 · AA veľký text

Čierny textKontrast 5.1:1 · AA

Podľa pravidiel WCAG 2.1. Ďalšie dvojice si over v kontrole kontrastu.

Kód CSS

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