Teal Farbe

Blaugrün — Die Farbe der Ruhe und Modernität

#008080Teal

Farbwerte

HEX#008080

RGBrgb(0, 128, 128)

HSLhsl(180°, 100%, 25%)

CSSteal

Farbton-Palette

#E0F7FA

100

#B2EBF2

300

#4DD0E1

500

#00ACC1

700

#00838F

900

#004D40

Komplementärfarbe

↔

#800000

Maroon

Analoge Farben

#009080

Persian Green

#007070

Dark Teal

CSS-Verwendung

CSS

/* By name */
color: teal;
background-color: teal;

/* By HEX */
color: #008080;
background-color: #008080;

/* By RGB */
color: rgb(0, 128, 128);

/* By HSL */
color: hsl(180deg, 100%, 25%);

/* With opacity */
color: rgba(0, 128, 128, 0.8);
color: hsl(180deg 100% 25% / 80%);

CSS `teal` (#008080) ist recht dunkel. Für helleres, moderneres Blaugrün verwenden Sie #0D9488 (Tailwind teal-600) oder #14B8A6 (Tailwind teal-500).

Blaugrün (Teal, #008080) liegt genau zwischen Blau und Grün und vereint die ruhige Vertrauenswürdigkeit von Blau mit der Frische von Grün. Es vermittelt Raffinesse, Ausgewogenheit, Klarheit und Innovation. Blaugrün wird häufig in der Gesundheitsversorgung, Technologie und im Umweltbereich eingesetzt. Material Design enthält Blaugrün als Kernpaletten-Farbe, was seinen Platz in modernen UI-Systemen festigt.

Häufige Verwendungsfälle

▸Gesundheitswesen-UI — Sauberkeit und Vertrauen kombiniert
▸Umwelt- und Nachhaltigkeitsmarken — Natur trifft Technologie
▸SaaS- und Tech-Produkte — moderne, differenzierte Markenfarbe
▸Datenvisualisierungen — Mitteltöne in Blau-Grün-Diagrammreihen
▸Spa- und Wellness-Apps — beruhigende, heilende Atmosphäre
▸Finanz-Dashboards — vertrauenswürdig und dennoch frisch

Teal Farbe

CSS-Verwendung

Häufige Verwendungsfälle

Verwandte Farben